uib-datepickerのmax-dateより大きい日付を手動で変更することを防ぐ方法

Question

max-dateを今日の日付に設定したdatepickerがありました。これは動作していますが、問題は手動で変更できますテキストフィールド自体のmax日付より大きい日...どのように我々はこの

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" />