一个很好的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>
到
<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'>
</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
<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>