javascript - 如何防止手动更改 uib-datepicker 大于 max-date 的日期

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