一个很好的js日历，提供源码下载。并附上截图

截图如下，

使用方法

引入<script src="js/calendarDateInput.js" ></script>
在calendardateinput.js可以修改图片的路径
调用：

从 <input type="text" size="10" name="sdate">
    <script type="text/javascript">
    DateInput('sdate', 'YYYY-MM-DD', '2005-11-17');
    </script>
    &nbsp;到
    <input type="text" size="10" name="edate">
    <script type="text/javascript">
    DateInput('edate', 'YYYY-MM-DD', '2006-11-18');
    </script>

源码点这里下载




第二个。

< script  language ='JavaScript'  src ='/include/popcalendar.js' >

</ script >
< SCRIPT  language ='JavaScript'  src ='/include/calendar.js' >

</ SCRIPT >


选择日期： </ td >
                 < td  colspan ='2'  class ='ifont1' >< input  name ='I3'  type ='image'  onClick ="popUpCalendar(this,this.form.abTime,'yyyy-mm-dd');return false;"  src ='/wcm/zwinside/bmzc/zhjszx/xxs/images/ew_calendar.gif'  alt ='选择一个日期'  align ='middle'  width ='20'  height ='15' >
                 < input  type ='text'  name ='abTime'  class ='inputnormal'  size ='12'  value ='2006-11-20' >
                  至                  
                   < input  name ='I32'  type ='image'  onClick ="popUpCalendar(this,this.form.abTime2,'yyyy-mm-dd');return false;"  src ='/wcm/zwinside/bmzc/zhjszx/xxs/images/ew_calendar.gif'  alt ='选择一个日期'  align ='middle'  width ='20'  height ='15' >
                   < input  type ='text'  name ='abTime2'  class ='inputnormal'  size ='12'  value ='2006-11-20' >
&nbsp;&nbsp; </ td >


没用过这个日历。。图片路径自己看代码。。

/Files/genson/Calendar2.rar


第3个。


调用：

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 无标题文档 </ title >
< script  src ="meizzDate.js"   ></ script >
</ head >

< body >
< input  onfocus ="setday(this)"  type ="text"  name ="t"    />
</ body >
</ html >

/Files/genson/calendar3.rar

转载于:https://www.cnblogs.com/genson/archive/2006/11/17/563285.html