使用WdatePicker時間插件簡單的控制頁面上兩個時間選擇的前后范圍


很多時候我們在一個交互的頁面上需要顯示兩個時間讓客戶填寫,比如開始時間&結束時間,顧名思義開始肯定不能大於結束,故使用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'})" />  

假如使用js校驗需要自己寫,較為繁瑣,使用插件提供的就方便的多,如下

    開始時間:  
    <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\')}'})" />  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM