не работает угловое всплывающее окно в сценарии 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 в datepicker, когда изменения даты вызовет функция 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
}