焦点观察:html日历插件代码(轻量级的原生js日历插件calendar.js使用指南)

互联网   2023-06-22 21:08:03

需要引入插件calendar.js/calendar.min.js

(资料图片)


(资料图)

需要引入calendar.css样式表,可以自定义自己想要的皮肤。

这个日历插件支持cmd模块化

按如下方式呼叫:

复制代码代码如下:

xvDate({

TargetId""date1 "//时间写入对象的Id。

TriggerId"[" Date1"" Date1"],//identification of the object that triggered the event.

AlignId""datesWrap1 "//日历对齐对象

Format""-"//Time format defaults to" YYY-MM-DD: Minute: Seconds"

Min""2014-09-20 10:00:00 "//最大时间

"最大"" 2014年10月30日10:00:00 "//最小时间

});

参数描述:

TargetId:日期写入对象的id;不能为空。

TriggerId:触发事件的对象的Id。如果未设置,则默认为targetId。

AlignId:日历框的对齐基准;如果未设置,则默认为targetId。

Hms:分钟开不开。默认值为"开"表示分钟开启(2014-09-20 10: 00: 00),"关"表示分钟关闭(2014-09-20)。

格式:默认值为"-"(2014-09-20),/"表示(2014-09-20)。

min :最小时间限制,min 的时间格式和前面的时间格式保持一直

max :最大时间限制,max 的时间格式和前面的时间格式保持一直

zIndex :最大时间限制,日历盒子的层级,默认9999

如果需要使用模块化在需要依赖的模块用引入即可

如:

复制代码代码如下:

define("mod1",[],function(require, exports, module){

var xvDate=require("xvDate");

})

下载地址

本文[高级伪原创标题]到此分享完毕,希望对大家有所帮助。

相关新闻

猜你喜欢

焦点观察:html日历插件代码(轻量级的原生js日历插件calendar.js使用指南)

2023-06-22

去西海岸感受夏日氛围!2023青岛凤凰音乐节地铁出行攻略来啦

2023-06-22

求是微视频丨坚定不移推动健全全面从严治党体系

2023-06-22

天津至北京大兴国际机场铁路全线主体完工

2023-06-22

超级装备,相继投用!

2023-06-22

热!墨西哥用电告急

2023-06-22

54岁阿姨拍短视频全村催更

2023-06-22

端午厦门游:赏荷亲水,纳凉养心

2023-06-22

泽连斯基:“反攻”进展不如预期_速看

2023-06-22

柱上负荷开关和柱上断路器的区别_柱上负荷开关系统 天天快看点

2023-06-22

“泰坦”存安全隐患 爆料雇员反被炒_世界微速讯

2023-06-22

环球短讯!大庆林甸公安:以“三个强化”举措 推进打击“盗抢骗”犯罪取得实效

2023-06-22

咸菜家常做法? 天天看点

2023-06-22

宝馨智慧能源与郑州航空港区兴港电力达成战略合作

2023-06-22

【二十大精神在三秦】陕西2022年度“十大最美农村路”揭晓 每日快讯

2023-06-22

每日速讯:秋日天空动漫第一集_秋日天空 梦之中

2023-06-22

女式手表表带(女人手表钢表带)

2023-06-22

云南计算机二级考试成绩在哪查询 附入口

2023-06-22

过不过端午,打什么要紧

2023-06-22

深南退: 第五届董事会第二十六次会议决议公告

2023-06-21

武汉市市场监督管理局发布“端午节”消费提示 全球播资讯

2023-06-21

美国经济措施向富人倾斜 贫富鸿沟越来越深 环球微动态

2023-06-21

《塔瑞斯世界》银辉城宝箱位置策略_观察

2023-06-21

南天信息:公司无重组收购云报传媒的计划

2023-06-21

焦点滚动:夏至节气广州多热雷雨,台风蠢蠢欲动

2023-06-21

精彩图集