强大的独立日期选择器(date picker)插件 - Kalendae
生活随笔
收集整理的這篇文章主要介紹了
强大的独立日期选择器(date picker)插件 - Kalendae
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
日期:2012-4-16??來源:GBin1.com
在線演示? 本地下載
今天分享一個獨立的日期選擇插件Kalendae,Kalendae是 一個強大健壯的獨立日期選擇器。如果你不想使用重量的jQuery UI類庫的話,這個插件肯定是一個不錯的備選。Kalendae包含了豐富的插件選項,配置,屬性,事件和函數。給予你豐富和靈活的方式來創建日期選擇 器。當然它內含了一個強大的日期處理javascript插件 - moment.js, 這個類庫我們也曾經介紹過(不容錯過的超棒Javascript日期處理類庫-Moment.js),能夠靈活的處理和格式化日期。
主要特性
- 完全支持各平臺移植,沒有任何類庫依賴,不要求jQuery, prototype,或者Mootools。只需要添加腳本和樣式
- 支持主題和皮膚。缺省的主題只使用一個圖片文件,其它配置使用CSS
- 支持單天,多天或者日期區域選擇
- 可配置月份選擇
- 可作為一個行內的插件在頁面中使用,或者綁定輸入框來調用
- 可綁定到頁面中任何元素,不僅僅是已命名元素
- 支持多種類型配置例如,隔日選擇/工作日選擇 ,未來/過去,可定義為數組或者通過callback配置
- 日期輸出類型可支持不同的格式,利用moment.js來高效處理和解析日期
如何使用
導入對應的javascript和CSS:
<link rel="stylesheet" href="build/kalendae.css" type="text/css" charset="utf-8"> <script src="build/kalendae.js" type="text/javascript" charset="utf-8"></script>針對不同的使用環境設置,如下:
單日期選擇
new Kalendae(document.body, {months:1,mode:'single',selected:Kalendae.moment().subtract({M:1}) });new Kalendae({attachTo:document.body,months:2,mode:'single',selected:Kalendae.moment().subtract({M:1}) });new Kalendae({attachTo:document.body,months:3,mode:'single',selected:Kalendae.moment().subtract({M:1}) });日期范圍選擇
....
來源:強大的獨立日期選擇器(date picker)插件 - Kalendae
總結
以上是生活随笔為你收集整理的强大的独立日期选择器(date picker)插件 - Kalendae的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 安装SQL2005只有配置工具或 错误码
- 下一篇: 工作的习惯,看到好收藏下