Kalendae-JavaScript日期選擇和日曆控制項的使用詳解（圖）-js教程-PHP中文網

Kalendae-JavaScript日期選擇和日曆控制項的使用詳解（圖）

黄舟

發布： 2017-03-16 15:01:56

原創

3751 人瀏覽過

Kalendae-JavaScript日期選擇與行事曆控制項的使用詳解

##Kalendae是一款完全基於JavaScript的日期選擇控制項和日曆元件，值得一提的是，Kalendae並沒有依賴任何第三方的JS腳本庫，而是用原生的JavaScript實現瞭如此強大的日期選擇控制項。

Kalendae有以下特點：

完全基於JavaScript，無依賴，無
jQuery。
可自訂皮膚，基本上不用
圖片，完全靠CSS檔案客製化皮膚。
日期選擇支援單天，也支援多天區間範圍。
自訂展示的日期數字。
可直接放在頁面上用作
日曆控制項。
對於選取的日期，可以自訂日期格式。
提供一些常用的日期轉換
函數。

Kalendae的一些效果圖：

# #Kalendae

使用範例

程式碼：

new Kalendae(document.body, {
	months:1,
	mode:&#39;single&#39;,
	selected:Kalendae.moment().subtract({M:1})
});

new Kalendae({
	attachTo:document.body,
	months:2,
	mode:&#39;single&#39;,
	selected:Kalendae.moment().subtract({M:1})
});

new Kalendae({
	attachTo:document.body,
	months:3,
	mode:&#39;single&#39;,
	selected:Kalendae.moment().subtract({M:1})
});

登入後複製

以上是Kalendae-JavaScript日期選擇和日曆控制項的使用詳解（圖）的詳細內容。更多資訊請關注PHP中文網其他相關文章！