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