摘要:Calendar 日历选择器的使用方法 难度:简单 The DHTML / JavaScript Calendar
是一款开源、功能強大、应用比较广泛的JS实现的日历。可以定制日期事件,定制日期链接。而且支持中文化。
官方地址:http://www.dynarch.com/projects/calendar/ 演示地址:http://www.dynarch.com/demos/jscalendar/
将以下文件拷贝到“js/jscalendar/”文件夹下 calendar.js calendar-setup.js calendar-zh.js calendar-blue.css
注意:原有cn_utf8.js,calendar-zh.js等语言包文件缺少这一行Calendar._FD = 0; 应加上,否则显示中文时会出错。
html代码如下: <script type="text/javascript" src="js/jscalendar/calendar.js"></script> <script type="text/javascript" src="js/jscalendar/calendar-setup.js"></script> <script type="text/javascript" src="js/jscalendar/calendar-zh.js"></script> <style type="text/css"> @import url("js/jscalendar/calendar-blue.css"); </style>
<input type="text" id="data" /> <button type="submit" id="trigger">...</button>
<script type="text/javascript"> Calendar.setup({ weekNumbers : false, // hide week numbers inputField : "data", // ID of the input field ifFormat : "%Y-%m-%d", // the date format %Y-%m-%d %H:%M" button : "trigger" // ID of the button //align : "Tr" }); </script>
该文章转载自IT学习网:http://www.itstudy.cn/www/articleContent.asp?id=54