时间戳

首页 > 解决方案 > 角度弹出在html脚本中不起作用

javascript - 角度弹出在html脚本中不起作用

问题描述

我有两个日期选择器，我想要这个 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>

标签： javascripthtmlangular

解决方案

您需要在 datepicker 中进行 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
}

推荐阅读