一个很好的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
posted @ 2006-11-17 09:25  永不言败  阅读(7496)  评论(1编辑  收藏  举报