輕量級的原生js日曆外掛程式calendar.js使用指南_javascript技巧

使用說明：

需要引入插件calendar.js/calendar.min.js

必須引入calendar.css 樣式表，可以自訂自己想要的皮膚

本日曆插件支援cmd模組化

如下呼叫：

複製程式碼 程式碼如下:

xvDate({
'targetId':'date1',//時間寫入物件的id
'triggerId':['date1','dateBtn1'],//觸發事件的物件id
'alignId':'datesWrap1',//日曆對齊物件
'format':'-',//時間格式 預設'YYYY-MM-DD HH:MM:SS'
'min':'2014-09-20 10:00:00',//最大時間
'max':'2014-10-30 10:00:00'//最小時間
});

參數說明：

targetId ：日期寫入物件的id，不能為空
triggerId ：觸發事件的物件id，如果不設定則預設為targetId
alignId ： 日曆盒子的對齊基準，如果不設定則預設為targetId
hms ： 時分秒是否開啟，預設值為'on'則表示開啟時分秒(2014-09-20 10:00:00),'off'則表示關閉時分秒模式(2014-09-20)
format ：為日期格式 預設值為'-' (2014-09-20),'/'則表示(2014/09/20)
min ：最小時間限制，min 的時間格式和前面的時間格式保持一直
max ：最大時間限制，max 的時間格式和前面的時間格式保持一直
zIndex ：最大時間限制，日曆盒子的層級，預設9999

如果需要使用模組化在需要依賴的模組用引入即可

如：

複製程式碼 程式碼如下:

define('mod1',[],function(require, exports, module){
var xvDate = require("xvDate");
})

下載位址

以上所述就是本文的全部內容了，希望大家能夠喜歡。