Kalendae:JavaScript日期選擇和日曆控制元件

2014-10-13    分類:JavaScript應用元件、開源軟體、首頁精華0人評論發表於2014-10-13

本文由碼農網 – 小峰原創,轉載請看清文末的轉載要求,歡迎參與我們的付費投稿計劃

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
本文作者:碼農網 – 小峰
原創作品,轉載必須在正文中標註並保留原文連結和作者等資訊。]

相關文章