轻量级的原生js日历插件calendar.js使用指南
使用说明:
需要引入插件calendar.js/calendar.min.js
须要引入calendar.css样式表,可以自定义自己想要的皮肤
本日历插件支持cmd模块化
如下调用:
xvDate({ 'targetId':'date1',//时间写入对象的id 'triggerId':['date1','dateBtn1'],//触发事件的对象id 'alignId':'datesWrap1',//日历对齐对象 'format':'-',//时间格式默认'YYYY-MM-DDHH:MM:SS' 'min':'2014-09-2010:00:00',//最大时间 'max':'2014-10-3010:00:00'//最小时间 });
参数说明:
targetId:日期写入对象的id,不能为空
triggerId:触发事件的对象id,如果不设置则默认为targetId
alignId:日历盒子的对齐基准,如果不设置则默认为targetId
hms:时分秒是否开启,默认值为'on'则表示开启时分秒(2014-09-2010: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){ varxvDate=require("xvDate"); })
下载地址
以上所述就是本文的全部内容了,希望大家能够喜欢。