焦点观察: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");

})

下载地址

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

关键词:

上一篇:去西海岸感受夏日氛围!2023青岛凤凰音乐节地铁出行攻略来啦
下一篇:最后一页