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

时间:2016-12-28 16:40:10

标签: javascript angularjs node.js datepicker

我有一个日期选择器,我将最大日期设置为今天日期..它正在工作..但问题是可以在文本字段本身手动更改大于最大日期的日期...我们如何防止此

fiddle   

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

例如:当我点击文字字段时,日期选择器会打开,我可以选择比今天更大的日期..但手动我可以更改日期大于今天

有人可以提供帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

你可以这样做:

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