JQuery日历插件日历插件My97DatePicker日期范围限制日期范围限制
本文实例向大家介绍了JQuery日历插件My97DatePicker日期范围限制的方法,分享给大家供大家参考,具体内容如下
“`<input class=”Wdate” id=”d1″ onclick=”WdatePicker()” />
下面重点说明日期范围限制:
1)静态限制)静态限制
你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围
示例示例1.1::限制日期的范围是 2012-12-1到2012-12-20
复制代码 代码如下:“`<input class=”Wdate” id=”d2″ onfocus=”WdatePicker({skin:’whyGreen’,minDate:’2012-12-
1′,maxDate:’2012-12-20′})” />
示例示例1.2::限制日期的范围是 2012-12-4 21:30:00 到 2012-12-4 23:59:30
复制代码 代码如下:“`<input type=”text” id=”d3″ class=”Wdate” onfocus=”WdatePicker({skin:’whyGreen’,dateFmt:’yyyy-MM-
dd HH:mm:ss’,minDate:’2012-12-4 21:30:00′,maxDate:’2012-12-4 23:59:30′})” value=’2012-12-4 21:30:00’/>
示例示例1.3::限制日期的范围是 2012年12月 到 2013年12月
复制代码 代码如下:“`<input type=”text” class=”Wdate” id=”d4″ onfocus=”WdatePicker({dateFmt:’yyyy年M月’,minDate:’2012-
12′,maxDate:’2013-12′})”/>
示例示例1.4::限制时间的范围是 9:00:00 到 18:30:00
复制代码 代码如下:“`<input class=”Wdate” id=”d5″
onfocus=”WdatePicker({dateFmt:’H:mm:ss’,minDate:’9:00:00′,maxDate:’18:30:00′})” />
2)动态限制)动态限制
你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过{}进行表达式运算,如:{%d+1}:表示
明天
格式 说明
%y 当前年当前年
%M 当前月当前月
%d 当前日当前日
%ld 本月最后一天本月最后一天
%H 当前时当前时
%m 当前分当前分
%s 当前秒当前秒
{} 运算表达式运算表达式,如如:{%d+1}:表示明天表示明天
F{} {}之间是函数可写自定义之间是函数可写自定义JS代码代码
示例示例2.1::只能选择今天以前的日期(包括今天)
复制代码 代码如下:<input id=”d421″ class=”Wdate” type=”text” onfocus=”WdatePicker({skin:’whyGreen’,maxDate:’%y-%M-
%d’})”/>