當(dāng)前位置: 首頁編程開發(fā)js(Javascript)/JQ → 教你如何使用Calendar日歷選擇器

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

更多

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

摘要:Calendar 日歷選擇器的使用方法 
難度:簡單
The DHTML / JavaScript Calendar 

是一款開源、功能強大、應(yīng)用比較廣泛的JS實現(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)加上,否則顯示中文時會出錯。

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> 


需要其它效果可以參照文件包里的演示文件
熱門評論
最新評論
發(fā)表評論 查看所有評論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字?jǐn)?shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)