Kalendae:JavaScript日期選擇和日曆控制元件
本文由碼農網 – 小峰原創,轉載請看清文末的轉載要求,歡迎參與我們的付費投稿計劃!
Kalendae是一款完全基於JavaScript的日期選擇控制元件和日曆元件,值得一提的是,Kalendae並沒有依賴任何第三方的JS指令碼庫,而是用原生的JavaScript實現瞭如此功能強大的日期選擇控制元件。
Kalendae有以下特點:
- 完全基於JavaScript,無依賴,無jQuery。
- 可自定義皮膚,基本不用圖片,完全靠CSS檔案定製皮膚。
- 日期選擇支援單天,也支援多天區間範圍。
- 自定義展示的日期數字。
- 可直接放在頁面上用作日曆控制元件。
- 對於選中的日期,可以自定義日期格式。
- 提供一些常用的日期轉換函式。
Kalendae的一些效果圖:
Kalendae使用示例程式碼:
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}) });
本文連結:http://www.codeceo.com/article/kalendae-datepicker.html
本文作者:碼農網 – 小峰
[ 原創作品,轉載必須在正文中標註並保留原文連結和作者等資訊。]
相關文章
- iOS 自定義日曆(日期選擇)控制元件iOS控制元件
- JavaScript 實現日曆式日期選擇 (轉)JavaScript
- 9 款樣式華麗的 jQuery 日期選擇和日曆控制元件jQuery控制元件
- RN自定義元件封裝 – 拖拽選擇日期的日曆元件封裝
- RN自定義元件封裝 - 拖拽選擇日期的日曆元件封裝
- 12款優秀的JavaScript日曆和時間選擇外掛JavaScript
- 點選日曆顯示日期jqueryjQuery
- 精心挑選12款優秀的 JavaScript 日曆和時間選擇外掛JavaScript
- 【Swift】彈出日曆選擇框Swift
- jQuery手機移動端農曆公曆日期時間選擇程式碼jQuery
- 使用jquery製作日曆(生日)選擇器jQuery
- timePicker.vue日曆選擇器Vue
- 實現陽曆和農曆顯示日期的javascript程式碼JavaScript
- 日曆控制元件(Calendar)控制元件
- JS編寫日曆控制元件(支援單日曆 雙日曆 甚至多日曆等)JS控制元件
- 【Swift Objective C】強勁的日期選擇控制元件SwiftObject控制元件
- 原生js日曆選擇器,學習js物件導向開發日曆外掛JS物件
- Jquery 日期選擇jQuery
- 公曆日期轉農曆日期
- javascript日曆外掛JavaScript
- 點選文字框下拉彈出日曆控制元件程式碼控制元件
- Android UI控制元件系列:DatePicker,TimePicker(日期和時間選擇)AndroidUI控制元件
- Flutter 日期時間選擇類控制元件及國際化Flutter控制元件
- jsp做的日曆控制元件JS控制元件
- 帶農曆日曆的DatePicker控制元件!Xamarin控制元件開發小記控制元件
- 網頁裡引用mui的日曆,城市,自定義選擇標籤網頁UI
- HarmonyOS NEXT應用開發案例—自定義日曆選擇器
- 一款好看的日曆控制元件控制元件
- HTML5自定義日曆控制元件HTML控制元件
- 日曆控制元件 My97DatePicker控制元件
- antd日期選擇框,前後日期增加限制
- OC:自定義日期選擇器
- sencha:日期選擇元件datepicker元件
- angular 日期(陽曆)Angular
- JavaScript日曆效果程式碼例項JavaScript
- 開源一個ReactNative日曆控制元件React控制元件
- 帶你開發一個日曆控制元件控制元件
- JS日曆控制元件優化(增加時分秒)JS控制元件優化