轻量级的原生js日历插件calendar.js使用指南
来源: 阅读:6891 次 日期:2015-04-29 14:57:09
温馨提示: 小编为您整理了“轻量级的原生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,如果不设置则默认为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");

})

下载地址

以上所述就是本文的全部内容了,希望大家能够喜欢。

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map