首页 > 网站 > WEB开发 > 正文

calendar.js一款轻量级的原生js日历插件

2024-04-27 14:10:13
字体:
来源:转载
供稿:网友

calendar.js一款轻量级的原生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,如果不设置则默认为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"); })

需要详细可以点击这里获取


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表