本文实例向大家介绍了JQuery日历插件My97DatePicker日期范围限制的方法，分享给大家供大家参考，具体内容如下
```
下面重点说明日期范围限制：1）静态限制 示例1.1：
```
示例1.2：
```
示例1.3：
```
示例1.4：
```
2）动态限制
格式 说明%y 当前年
F{} {}之间是函数可写自定义JS代码 示例2.1：
示例2.2：
```
示例2.3：
```
示例2.4：
```
示例2.5：
```
3）脚本自定义限制 示例3.1：
```<input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/>
```<input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/>
登录后复制
示例3.2：
```<input type="text" class="Wdate" id="d4321" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/>
```<input type="text" class="Wdate" id="d4322" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})"/>
登录后复制
示例3.3：
<input type="text" class="Wdate" id="d4331" 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="d4332" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4331\',{M:3,d:2});}',maxDate:'2020-4-3'})"/>
登录后复制
示例3.4： 发挥你的JS才能,定义任何你想要的日期限制
<script>
//返回一个随机的日期
function randomDate(){
var Y = 2000 + Math.round(Math.random() * 10);
var M = 1 + Math.round(Math.random() * 11);
var D = 1 + Math.round(Math.random() * 27);
return Y+'-'+M+'-'+D;
}
</script>
<input type="text" class="Wdate" id="d434" onFocus="var date=randomDate();WdatePicker({minDate:date,maxDate:date})"/>
登录后复制
4）无效天限制 示例4.1：
```
禁用 周六 周日 所对应的日期
```
5）无效日期限制 可以使用此功能禁用,所指定的一个或多个日期,只要熟悉正则表达式,可以尽情发挥['2008-02-01','2008-02-29'] ['2008-..-01','2008-02-29'] ['200[0-8]]-02-01','2008-02-29'] ['^2006'] ['....-..-01','%y-%M-%d'] ['%y-%M-{%d-1}','%y-%M-{%d+1}'] ['....-..-.. 10\:00\:00'] 示例5.1： 禁用 每个月份的 5日 15日 25日
```<input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['5$']})"/>
//注意 :'5$' 表示以 5 结尾 注意 $ 的用法
登录后复制
示例5.2： 禁用 所有早于2000-01-01的日期
```<input id="d452" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['^19']})"/>
//注意:'^19' 表示以 19 开头 注意 ^ 的用法
//当然,可以使用minDate实现类似的功能 这里主要是 在演示 ^ 的用法
登录后复制
示例5.3： 配合min/maxDate使用,可以把可选择的日期分隔成多段
```
示例5.4： min/maxDate disabledDays disabledDates 配合使用 即使在要求非常苛刻的情况下也能满足需求
```
示例5.5： 禁用前一个小时和后一个小时内所有时间 使用 %y %M %d %H %m %s 等变量
```
示例5.6： #F{}也是可以使用的
<script>
function randomH(){
//产生一个随机的数字 0-23
var H = Math.round(Math.random() * 23);
if(H<10) H='0'+H;
//返回 '^' + 数字
return '^'+H;
}
</script>
<input type="text" class="Wdate" id="d456" onFocus="WdatePicker({dateFmt:'HH:mm:ss',disabledDates:['#F{randomH()}']})"/>
登录后复制
6）有效日期 使用无效日期可以很方便的禁用不可用的日期,但是在只需要启用少部分日期的情况下,有效日期的功能就非常适合了.示例6.1：
```<input id="d46" type="text" class="Wdate" onFocus="WdatePicker({opposite:true,disabledDates:['5$']})"/>
//注意 :'5$' 表示以 5 结尾 注意 $ 的用法
登录后复制
7) 특별한 날과 날짜 특별일 및 특별일의 사용법은 완전히 무효일 및 무효일과 동일하지만 반대속성은 무효입니다예 7.1:
```
예 7.2:
```
위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.
