跟大家讲解下有关轻量级的原生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中文网