html日历插件代码（轻量级的原生js日历插件calendar.js使用指南）

需要引入插件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");

})

下载地址

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