My97DatePicker設定開始時間不晚於結束時間並限制開始時間為今天並附上與AngularJs結合時獲取選擇的值的辦法辦法
阿新 • • 發佈:2019-02-09
開始我是這樣寫的:
<input id="d4311" class="Wdate" type="text" placeholder="起始日期" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')}'|| '%y-%M-%d'})" />
<input id="d4312" class="Wdate" type="text" placeholder="結束日期" onFocus="WdatePicker({minDate:'#F{$dp .$D(\'d4311\')}',maxDate:'%y-%M-%d'})" />
發現開始時間的選擇並不受限制:
經改進後的寫法:(只貼出開始時間)
<input id="d4311" class="Wdate" type="text" placeholder="起始日期" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')}'&& true || '%y-%M-%d'})"/>
終於正常了:
可能是原始碼的bug吧,望作者修復。
WdatePicker在angularJs中使用會發現,當選擇了日期後,model的值不是空的,並且也不是觸發選擇事件。這時可以這麼做:
<input id="d4312" class="Wdate" type="text" placeholder="結束日期" ng-model=param.end onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'%y-%M-%d',isShowWeek:true,firstDayOfWeek:1,onpicked:function (){jQuery(this).trigger('change')}})" />
日期改變時WdatePicker會觸發onpicked事件,我們可以在事件裡面手動觸發input的change事件,這樣angularJs就能夠感知model值的變化了。