教你如何使用Calendar日历选择器

本文提供给大家分享学习的是关于Calendar日历选择器的使用方法，希望能够帮助到大家。

摘要：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>

需要其它效果可以参照文件包里的演示文件