如何防止手動更改日期大於最大日期爲uib-datepicker

Question

我有一個日期選擇器，我已經設置了最大日期到今天的日期..它工作..但問題是可以手動更改日期大於文本字段本身...最大迄今爲止，我們如何避免這種情況

fiddle 

https://jsfiddle.net/cpu4euoj/58/

例如：當我點擊文本字段，日期選擇器打開，我可以選擇日期大於今天..但手動我可以改變日期大於今天

有人可以幫忙。謝謝。

Answer 1

你可以做一些像這樣：

working jsFiddle

$scope.checkDate = function(AvailableDate){   
     if(AvailableDate > this.availableDateOptions.maxDate){ 
     $scope.AvailableDate = this.availableDateOptions.maxDate; 
     } 
    } 

HTML：（添加NG-變化）

<input type="text" class="form-control" uib-datepicker-popup="{{dateFormat}}" ng-model="AvailableDate" ng-change="checkDate(AvailableDate)" name="availabledate" is-open="availableDatePopup.opened" datepicker-options="availableDateOptions" ng-required="true" close-text="Close" ng-click="OpenAvailableDate()" 
      placeholder="Available Date" />