My97DatePicker具有强大的日期功能,能限制日期范围,对于编写双日历比较简便。
注意事项:
My97DatePicker目录是一个整体,不可以破坏
My97DatePicker.html 是必须的文件 不可以删除
各个目录及文件的用途
WdatePicker.js 配置文件 可多个共存
config.js 语言和皮肤配置文件 (可以不引入)
calendar.js 日期库主文件(可以不引入)
1、正常调用
<input />
2、图标触发
<input >
注释:el为挂载元素 后面传入控件的id
3、支持周显示
<input />
4、利用onpicked事件把周赋值给另外的文本框
<input type="text" class="Wdate" />
5、只读开关,高亮周末显示
设置readOnly属性 true或false设置是否为只读模式
设置highLineWeekDay属性true或false可指定是否高亮周末
6、清空按钮和今天按钮的控制
需要自定义,分别对应isShowClear 和 isShowToday 默认值都为true
7、自定义弹出的位置
<input class="Wdate" type="text" />
8、自定义日期的第一天
<input class="Wdate" type="text" />
9、起始日期
注意:日期格式必须与 realDateFmt 和realTimeFmt 一致
<input type="text" />
10、设置内置参数
<input type="text" />
11、自定义样式
<input type="text" />
<input type="text" />
12、双日历
<input class="Wdate" type="text" onfocus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd'})"/>
注意:双月日历一般只用于包含年月日三个元素的场景,另外设置该属性时,autoPickDate自动设置为true
日期范围限制
1、静态限制
<input />
限制日期的范围是 2006-09-10到2008-12-20
<input type="text" class="Wdate" />
限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30
<input type="text" class="Wdate" />
限制日期的范围是 2008年2月 到 2008年10月
<input type="text" class="Wdate" />
限制日期的范围是 8:00:00 到 11:30:00
2、动态限制
只能选择今天以前的日期(包括今天)
<input />
使用了运算表达式 只能选择今天以后的日期(不包括今天)
<input />
只能选择本月的日期1号至本月最后一天
<input />
只能选择今天7:00:00至明天21:00:00的日期
<input />
使用了运算表达式 只能选择 20小时前 至 30小时后 的日期
<input />
3、脚本自定义限制
前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01
<input />
前面的日期+3天 不能大于 后面的日期
<input type="text" class="Wdate" />
前面的日期+3月零2天 不能大于 后面的日期 且 前面日期都不能大于 2020-4-3减去3月零2天 后面日期 不能大于 2020-4-3
<input type="text" class="Wdate" />
4、无效天
<input />
5、无效日期
<input />
禁用 每个月份的 5日 15日 25日
<input />
禁用 所有早于2000-01-01的日期
<input />
设置起始时间
<div class="control-group">
<label class="control-label">竞拍时间 : </label>
<div class="controls">
<input type="text" class="span6 m-wrap" name="tenderEndTime" />
</div>
</div>