php日期控件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,如果不设置则默认为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");

})

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

更多轻量级的原生js日历插件calendar.js使用指南相关文章请关注PHP中文网!

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值