教你如何使用Calendar日歷選擇器
作者: 來源: 發(fā)布時(shí)間:2011-6-21 11:09:34 點(diǎn)擊:
本文提供給大家分享學(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等語言包文件缺少這一行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> |
需要其它效果可以參照文件包里的演示文件
Tags:
教你如何使用Calendar日歷選擇器上一篇:拷貝網(wǎng)頁內(nèi)容時(shí),實(shí)現(xiàn)在尾部自動(dòng)追加文字的實(shí)例代碼分享 下一篇: js實(shí)現(xiàn)模態(tài)對(duì)話框
[收藏此文章]