如何防止手动更改大于 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-change）

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