教你如何使用Calendar日歷選擇器

本文提供給大家分享學(xué)習(xí)的是關(guān)于Calendar日歷選擇器的使用方法，希望能夠幫助到大家。

摘要：Calendar 日歷選擇器的使用方法 
難度：簡(jiǎn)單
The DHTML / JavaScript Calendar 

是一款開源、功能強(qiáng)大、應(yīng)用比較廣泛的JS實(shí)現(xiàn)的日歷。可以定制日期事件，定制日期鏈接。而且支持中文化。

官方地址：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等語(yǔ)言包文件缺少這一行Calendar._FD = 0; 應(yīng)加上，否則顯示中文時(shí)會(huì)出錯(cuò)。

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>

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