使用WdatePicker时间插件限制页面上两个时间的前后范围

Posted 2020-11-29 流水无痕Sherry

大多时候，开始时间&结束时间都是开始时间肯定不能大于结束时间，结束时间不能比开始时间还早吧，用WdatePicker插件选择时间的话可以很好的做好时间段的控制。

页面上的两个时间输入框：

    开始时间：  
    <input type="text" name="startDate" id="startDate" onclick="WdatePicker({dateFmt:‘yyyy-MM-dd‘})" />  

    结束时间:  
    <input type="text" name="endDate" id="endDate" onclick="WdatePicker({dateFmt:‘yyyy-MM-dd‘})" />  

限制开始时间结束时间范围的操作如下：

    开始时间：  
    <input type="text" name="startDate" id="startDate" onclick="WdatePicker({dateFmt:‘yyyy-MM-dd‘,maxDate:‘#F{$dp.$D(\‘endDate\‘)}‘})" />  

    结束时间：  
    <input type="text" name="endDate" id="endDate" onclick="WdatePicker({dateFmt:‘yyyy-MM-dd‘,minDate:‘#F{$dp.$D(\‘startDate\‘)}‘})" />