角度弹出无法在html脚本中工作

Question

我有两个日期选择器，并且我想拥有一个用于检查日期的Java脚本，如果它们输入了不可用的日期，则会显示一个弹出框消息。 但是我无法使其正常工作。

<md-dialog-content>
    <div class="md-dialog-content">
      <md-datepicker input submit-required="true" ng-model="ctrl.minDate" md-placeholder="Enter Start Date"></md-datepicker>

      <md-datepicker input submit-required="true" ng-model="ctrl.maxDate" md-placeholder="Enter End Date"></md-datepicker>

  <script>


            if(new Date() < ctrl.minDate)
            {
                this.$window.alert("WARNING! Your start date can't be in the future. This will yield no search results.");
            }
            if(ctrl.maxDate < ctrl.minDate)
            {
                this.$window.alert("WARNING! Your end date can't be before your start date. This will yield no search results.");
            }
</script>

    </div>
  </md-dialog-content>

Answer 1

您需要在日期选择器中进行ng-change，当日期更改时，将调用ng-change函数并检查日期是否有效

<md-datepicker input submit-required="true" ng-model="ctrl.minDate" ng-change="ctrl.isValid()" md-placeholder="Enter Start Date"></md-datepicker>

function isValid(){
  //your validation code
}