Как предотвратить изменение вручную даты, превышающей максимальную дату для uib-datepicker

Question

У меня была дампикер, где я установил максимальную дату на сегодняшний день. Работает. Но проблема заключается в том, дата больше, чем максимальная дата в самом текстовом поле ... Как мы можем предотвратить это

fiddle 

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

Ex: Когда я нажимаю на текстовое поле выбора даты открывается, и я могу выбрать дату больше, чем сегодня. Но вручную я могу изменить дату, большую, чем сегодня.

может кто-то помочь. Спасибо.

Answer 1

вы можете сделать что-то вроде этого:

working jsFiddle

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

HTML: (добавить нг-изменения)

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