跟大家講解下有關輕量級的原生js日歷插件calendar.js使用指南，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說輕量級的原生js日歷插件calendar.js使用指南，小編也收集到了有關輕量級的原生js日歷插件calendar.js使用指南的相關資料，希望大家看到了會喜歡。

使用說明：

需要引入插件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，如果不設置則默認為targetIdalignId ： 日歷盒子的對齊基準，如果不設置則默認為targetIdhms ： 時分秒是否開啟，默認值為'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");})

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

更多輕量級的原生js日歷插件calendar.js使用指南相關文章請關注PHP中文網！

來源：php中文網