1. 程式人生 > >My97DatePicker設定開始時間不晚於結束時間並限制開始時間為今天並附上與AngularJs結合時獲取選擇的值的辦法辦法

My97DatePicker設定開始時間不晚於結束時間並限制開始時間為今天並附上與AngularJs結合時獲取選擇的值的辦法辦法

開始我是這樣寫的:

<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值的變化了。