【Web】WDatePicker 插件常用的几种日期格式管理

WDatePicker 插件常用的几种日期格式管理

效果

代码

<script src="./jquery-3.4.1.js"></script>
<script src="./WdatePicker.js"></script>
<link href="./skin/WdatePicker.css">

<!-- 
        %y  当前年 
    　　%M  当前月 
    　　%d  当前日 
    　　%ld 本月最后一天 
    　　%H  当前时 
    　　%m  当前分 
    　　%s  当前秒 
-->

<label for="">测试栏位：最小值为参照栏位的前两天，最大值为当天</label>
<!-- #F{} 中可写自定义函数 -->
<!-- $dp.$D(id, {d:-2}) 其中两个参数：第一个参数为参照栏位的 id， 第二个参数为偏移值 -->
<input type="text" name="TESTTIME" id="testTime"
    onclick="WdatePicker({  minDate: '#F{$dp.$D(\'endTime\', {d:-2});}',maxDate:'%y/%M/%d', dateFmt: 'yyyy/MM/dd' })"
    class="text_a" value="2019/08/08" />
<br>

<label for="">测试栏位：最大值为参考栏位的值，如参考栏位为空，最大值为当天前三天</label>
<!-- $dp.$DV(time, {d:-3}) 其中两个参数：第一个参数为字符串日期，第二个参数为偏移值 -->
<!-- 备注：使用$dp.$D(\'%y/%M/#{%d-2}\') 方式也可以获取当前日期，但是加入偏移值 -2 之后没有效果，可能使用方式不对，使用 $dp.$DV 之后正常 -->
<input type="text" name="STARTTIME" id="startTime"
    onclick="WdatePicker({ maxDate:'#F{$dp.$D(\'endTime\') || $dp.$DV(\'%y/%M/%d\', {d:-3})}', dateFmt: 'yyyy/MM/dd' })"
    class="text_a" value="" />
<br>

<label for="">参考栏位：最大值为当天前三天</label>
<input type="text" name="ENDTIME" id="endTime" onclick="WdatePicker({  maxDate: '%y/%M/#{%d-3}', dateFmt: 'yyyy/MM/dd' })"
    class="text_a" value="" />

<br>
<label for="">测试栏位：不允许选择所有的周三</label>
<!-- 禁用指定星期 disabledDays：0-6表示周日-周六 -->
<input type="text" name="DISABLED" id="DISABLED" onclick="WdatePicker({ disabledDays:[3], dateFmt: 'yyyy/MM/dd' })"
    class="text_a" value="" />

<br>
<label for="">测试栏位：不允许选择所有的 8日、18日、28日</label>
<!-- 禁用指定日期 disabledDates 规则可以写正则表达式与动态表达式组合 如 ['%y-%M-{%d-1}','%y-%M-{%d+1}']  ['201[8-9]]-08-08'] 等 -->
<!-- 禁用所有的 8日 18 日 28 日 -->
<input type="text" name="" id="S" onclick="WdatePicker({ disabledDates:['8$'], dateFmt: 'yyyy/MM/dd' })"
    class="text_a" value="" />