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=' wdate picker({ skin : ' why green '，mindate 3360' 2012-12-1 '，maxdate 3360' 2012-12-20 '。

例1.2:限定日期范围为2012年12月4日21:30336000至2:30。

复制代码如下： ` ` input type=' text ' id=' D3 ' class=' wdate ' onfocus=' wdate picker({ skin : ' why green '，datefmt 3360 ' yyyy-mm-ddhh :mm 3360s '。mindate : ' 2012-12-4 21:30:00 '，maxdate : ' 2012-12-4 23:59:30 ' })值='2012-12-4 21:30:00'/

示例1.3:限制日期范围为2012年12月至2013年12月。

复制的代码如下： ` ` ` input type=' text ' class=' wdate ' id=' D4 ' onfocus=' wdatepicker({ datefmt 3360 ' yyyy年m月'，mindate3360' 2012-12 '，maxdate:' 2013-。

例1.4:时限范围为9:00:00到183330:00。

复制的代码如下： ` ` ` input class=' wdate ' id=' D5 ' onfocus=' wdate picker({ datefmt : ' h :mm 3360s '，mindate 3360' 9:00:00 '，maxdate :' 183。

2)动态限制您可以通过系统给出的动态变量来限制日期范围，如%y(当年)、%M(当月)等。您也可以使用{}执行表达式操作，例如明天： { % d 1 } :

格式描述%y当前年份%M当前月份%d当前日期%ld本月最后一天%H当前小时%m当前分钟%s当前秒{}操作表达式，如： { % d 1 } :表示明天。

F{} {}之间是函数可写自定义JS代码示例2.1:只能选择今天(含今天)之前的日期。

复制代码如下：输入id=' d421 '类=' wdate '类型=' text ' on focus=' wdate picker({ skin : ' why green '，maxdate : ' % y-% m-% d ' })/

例2.2:使用操作表达式只能选择今天之后的日期(不包括今天)。

复制的代码如下： ` ` input id=' d422 ' class=' wdate ' type=' text ' onfocus=' wdate picker({ mindate 3360 ' % y-% m-{ % d ^ 1 } ' })'/

例2.3:只能选择本月1日到本月最后一日。

复制代码如下： ` ` input id=' d423 ' class=' wdate ' type=' text ' onfocus=' wdate picker({ mindate 3360 ' % y-% m-01 '，maxdate:'% y-%m-%LD'})。

例2.4:只能选择今天7:00:00到明天213333000336000的日期。

复制的代码如下： ` ` ` input id=' d424 ' class=' wdate ' type=' text ' onfocus=' wdate picker({ datefmt : ' yyyy-M-d h :mm 3360s '，mindate : ' % y-% M-% d 7:000033333:00 '，maxdate : ' % y-% M-{ % d 1 } 213:003333333333333300

例2.5:使用操作表达式只能选择20小时前到30小时后的日期。

复制代码如下： ` ` input id=' d425 ' class=' wdate ' type=' text ' onclick=' wdate picker({ datefmt : ' yyyy-mm-ddhh :mm '，mindate : ' % y-% M-% d { % H-20 } :% M :% s '，maxdate : ' % y-% M-% d { % H 30 } 3:%

3)脚本自定义限制系统提供两个API，$dp。$D和$dp。$DV，协助您进行日期操作。此外，您可以在#F{}中填写您的自定义脚本，并执行任何您想要的日期限制示例。3.1:前一个日期不能大于后一个日期，两个日期都不能大于2020-10-01。

` ` ` input id=' d 4311 ' class=' Wdate ' type=' text ' onFocus=' WdatePicker({ MaxDate : ' # F { $ DP。$ D(\ ' D 4312 \ ')| | \ ' 2020-10-01 \ ' })'/` ` input id=' D 4312 ' class=' wdate ' type=' text ' onfocus=' wdate picker({ mindate 3360 ' # f){ $ DP。$ d (\' d4311 \')} '，最大。

` ` `输入类型=' text ' class=' Wdate ' id=' d 4321 ' onFocus=' WdatePicker({ MaxDate : ' # F { $ DP。$D(\'d4322\ '，{ D :-3 })；}'})'/` `输入类型=' text ' class=' Wdate ' id=' d 4322 ' onFocus=' WdatePicker({ mindate : ' # F { $ DP。$D(\'d4321\ '，{ D :3 })；} ' })'/例3.3:前一日期03月02日不能大于后一日期，前一日期不能大于2020年4月3日，后一日期不能大于2020年4月3日。

输入类型=' text ' class=' Wdate ' id=' d 4331 ' onFocus=' WdatePicker({ MaxDate : ' # F){ $ DP。$D(\'d4332\ '，{M:-3，d:-2})||$dp。$DV(\'2020-4-3\ '，{M:-3，d :-2 })} ' })'/input type=' text ' class=' Wdate ' id=' d 4332 ' onFocus=' WdatePicker({ mindate3360 ' # F { $ DP。$D(\'d4331\ '，{M:3，D :2 })；} '，maxDate:'2020-4-3'})'/示例3.4:充分发挥你的JS能力，定义任何你想要的日期限制，自动切换到随机生成的一天。当然，这个例子没有实际用途，只是为了演示。

Script//返回随机日期函数random date(){ var y=2000 math . round(math . random()* 10)；var M=1 math . round(math . random()* 11)；var D=1 math . round(math . random()* 27)；返回Y '-' M '-' D；}/script input type=' text ' class=' Wdate ' id=' d434 ' onFocus=' var date=random date()；WDATE Picker ({mindate:date，maxdate:date})'/4)无效的日期限制您可以使用此函数禁用星期日到星期六对应的日期，相关属性为：disabledDays (0到6分别代表星期日到星期六)示例4.1:禁用星期六对应的日期。

复制的代码如下： ` ` input id=' d441 ' type=' text ' class=' wdate ' onfocus=' wdate picker({ disabled days :[6]})'/。

禁用周六和周日对应的日期。

复制代码如下： ` ` `输入id=' d442 '类型=' text ' class=' wdate ' onfocus=' wdate picker({禁用天数： [0，6]})'/

5)此功能可禁用无效日期限制。只要你熟悉正则表达式，你就可以完全使用它(正则匹配)。如果您熟悉正则表达式，您将很容易理解以下匹配用法。如果不熟悉，可以参考下面的常见例子['2008-02-01 '。2008-02-29 '表示禁用2008-02-01和2008- 02-29 ['2008-.-01 '，' 2008-02-29']表示禁用2008-所有月份-01和2008-02-29。2008-02-29']表示禁用[2000到2008]-02-01和2008-02-29 ['2006']表示禁用2006年的所有日期。此外，还可以使用%y %M %d %H %m %s等变量。%y-%M-%d']表示禁用所有年份和月份的第一天和今天['%y-%M-{%d-1} '，' % y-% M-{ % d-1 } ']表示禁用昨天和明天。当然，你可以限制时间['.].

` ` input id=' d451 ' type=' text ' class=' wdate ' onfocus=' wdate picker({ disabled dates :[' 5 $ ']})'//请注意，'5$ '表示以5结尾。注释$5.2的用法示例：全部禁用。

` ` ` input id=' d452 ' type=' text ' class=' wdate ' onfocus=' wdate picker({ disabled date 3360[' 19 ']})'//注意：' 19 '的意思是从19开始，注意用法//当然。可以使用minDate实现类似的功能。在这里，我们主要演示使用示例5.3:当与min/maxDate一起使用时，可以将可选日期分成多个段。

复制代码如下： ` ` input id=' d453 ' type=' text ' class=' wdate ' onfocus=' wdate picker({ mindate 3360 ' % y-% m-01 '，maxdate:'% y-%m-%LD '。

例5.4:最小/最大日期禁用天数禁用日期可以满足需求，即使需求非常严格。

复制代码如下： ` ` ` input id=' d454 ' type=' text ' class=' wdate ' onfocus=' wdate picker({ mindate 3360 ' % y-% m-01 '，maxdate : ' % y-% m-LD '，disabled date 3360[' 0[4-7]$ '，' 1[1-5]$ '，' 2[58]$']，disabled days 3360[1，3，6]})

示例5.5:在上一个小时和下一个小时的任何时候都禁止使用变量，如%y %M %d %H %m %s。

复制代码如下： ` `输入id=' d2a25 '类型=' text '类=' wdate ' onfocus=' wdate picker({ datefmt : ' yyyy-mm-ddhh :mm 3360s '，disabled date 3360[' % y-% M-% d { % H-1 } \ :\:' % y-% M-% d { % H ^ 1 } \ :\:']})'/

示例5.6: # f {}也可以使用。本示例通过使用自定义函数打开小时选择框，随机禁用从0到23的任何小时。你会发现一个小时是禁用的，每次禁用的时间都不一样。

Script函数random(){//生成一个随机数0-23 var h=math . round(math . random()* 23)；if(H10)H=' 0 ' H；//返回''号返回'^' h；}/script input type=' text ' class=' Wdate ' id=' d456 ' onFocus=' WdatePicker({ date fmt : ' hh :mm :s '，disabled date :[' # f { random()} ']} ')} ')'/6)无效日期可以用来轻松禁用不可用的日期，但当只需要启用少数日期时，有效日期的功能非常适合。关键属性3360机会默认为假。当为真时，无效日期成为生效日期。

` ` ` input id=' d46 ' type=' text ' class=' Wdate ' onFocus=' WdatePicker({对立：true，disabledates 3360[' 5 $ ']})'///5 $ ']})'///注意，'5$ '表示以5结尾。注意$7)特殊日和特殊日期的用法特殊日和特殊日期的用法与完全无效日和无效日期的用法完全相同。但是，相反的属性对它无效。键属性：specialDays (0到6分别代表星期日到星期六)的用法与无效日和特殊日相同，但对于分钟和秒钟无效。例7.1:每周突出周一和周五。

复制的代码如下： ` ` input id=' d471 ' type=' text ' class=' wdate ' onfocus=' wdate picker({特殊日期： [1，5]})'/

例7.2:突出每个月的1号和15号。

复制代码如下： ` ` input id=' d472 ' type=' text ' class=' wdate ' onfocus=' wdate picker({ special dates 3360['.-.-01',' .-.-15']}).

以上就是本文的全部内容，希望对大家的学习有所帮助。