My97DatePicker日期范围限制

我会带着你远行 2022-08-21 01:19 264阅读 0赞

#  #

# [My97DatePicker日期范围限制][My97DatePicker] #

# 1.动态时间范围限制： #

可以通过系统给出的动态变量，如%y(当前年)，%M(当前月)等来限制日期范围，还可以通过\{\}进行表达式运算，如:\{%d+1\}：表示明天。

<table style="border:0px solid rgb(34,139,34); border-collapse:collapse; word-break:break-word; color:rgb(48,48,48); font-family:Verdana,Helvetica,Arial; font-size:12px; line-height:18px; height:220px; width:650px"> 
 <tbody> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <strong>格式</strong></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <strong>说明</strong></td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>%y&nbsp;</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 当前年</td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>%M&nbsp;</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 当前月</td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>%d&nbsp;</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 当前日</td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>%ld</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 本月最后一天</td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>%H&nbsp;</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 当前时</td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>%m</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 当前分</td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>%s&nbsp;</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 当前秒</td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>{}</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> 运算表达式<span>, 如<span>:{%d+1}: 表示明天</span></span></td> 
  </tr> 
  <tr> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>#F{}</span></td> 
   <td style="font-family:Verdana,Helvetica,Arial; word-break:break-all; line-height:1.5; border:1px solid silver; border-collapse:collapse; padding:3px"> <span>{}之间是函数可写自定义<span>JS代码</span></span></td> 
  </tr> 
 </tbody> 
</table>

1）只能选择今天以前的日期(包含今天）。

2) 只能选择今天以后的日期(不包含今天),使用运算表达式。

3) 只能选择本月日期1号到本月最后一天的日期。

4) 只能选择今天8:00:00至明天12:00:00的日期。

5) 只能选择10小时前至50小时后的日期。

#  2.脚本自定义限制： #

系统提供了$dp.$D和$dp.$DV这两个API来辅助进行日期运算，此外还可以通过在 \#F\{\} 中填入自定义的脚本，做任何你想做的日期限制 。

1) 前面的日期不能大于后面的日期且两个日期都不能大于当前年的最后一天。

2) 前面的日期+5天，不能大于后面的日期。

3) 前面的日期+2月零6天，不能大于后面的日期且前面日期都不能大于 2020-6-6减去2月零6天，后面日期不能大于2020-6-6。

**3.无效天限制:**

1) 可以使用此功能禁用周日至周六所对应的日期，相关属性：disabledDays (0至6 分别代表周日至周六) 。

2) 禁用周六，周日所对应的日期。

**4.无效日期限制：**

1）可以使用此功能禁用所指定的一个或多个日期，只要熟悉正则表达式。

用法(正则匹配): 如果你熟悉正则表达式，会很容易理解下面的匹配用法；如果不熟悉，可以参考下面的常用示例 ：

\['2010-01-01','2010-02-02'\] 表示禁用 2010-01-01 和 2010-02-02。  
 \['2010-..-01','2010-02-02'\] 表示禁用 2010-所有月份-01 和 2010-02-02。  
 \['200\[0-9\]\]-02-01','2010-02-10'\] 表示禁用 \[2000至2009\]-02-01 和 2010-02-10。  
 \['^2010'\] 表示禁用 2010年的所有日期。

此外，还可以使用 %y %M %d %H %m %s 等变量，用法同动态日期限制。注意：%ld不能使用。

\['....-..-01','%y-%M-%d'\] 表示禁用所有年份和所有月份的第一天和今天。  
 \['%y-%M-\{%d-1\}','%y-%M-\{%d+1\}'\] 表示禁用昨天和明天。

当然,除了可以限制日期以外，还可以限制时间：

\['....-..-.. 11\\:00\\:00'\] 表示禁用每天11点 (注意 : 需要使用 \\: ) 。

2) 禁用每个月份的5日15日25日。

注意 :'5$' 表示以5结尾，注意 $ 的用法。

3）禁用所有早于2000-01-01的日期。

注意: '^19' 表示以19 开头，注意 ^ 的用法 。

4）配合min/maxDate使用，可以把可选择的日期分隔成多段。

5) min/maxDate disabledDays disabledDates 配合使用，即使在要求非常苛刻的情况下也能满足需求。

6) 禁用前一个小时和后一个小时内所有时间，使用 %y %M %d %H %m %s 等变量。

7) \#F\{\}也是可以使用的，利用自定义函数随机禁用0-23中的任何一个小时，打开小时选择框，发现有一个小时被禁用，而且每次禁用的小时都不同。