1

我需要对我的 Angular 表单文本字段中的日期字段进行自定义验证。我正在使用angular-uidatepicker 元素进行显示。对于验证，我创建了validatedate我想要编写自定义逻辑的自定义指令。我面临几个问题：

  1. 在ctrl指令内部未定义。
  2. 每当输入字段发生当前未发生的更改时，都应调用该指令。该指令仅在页面加载时调用一次。

我正在添加下面的代码片段以供参考。请让我知道我哪里出错了。

<p class="input-group">
  <input type="text" class="form-control" name="enable_dt" uib-datepicker-popup="{{format}}"
         ng-model="enable_dt" is-open="datepickers.enable_dt" min-date="minDate" max-date="maxDate"
         datepicker-options="dateOptions" validatedate
         close-text="Close" ng-requied="maintainanceForm.enable_dt"/>
 <span class="input-group-btn">
   <button type="button" class="btn btn-default" ng-click="open($event,'enable_dt')">
     <i class="glyphicon glyphicon-calendar"></i></button>
 </span>

validatedate指令：

'use strict';
angular.module('myApp')
  .directive('validatedate', function() {
    return {
        require: 'ngModel',
        link: function(scope, elm, attrs, ctrl) {
            console.log(scope.enable_dt);
            console.log(ctrl); //ctrl is undefined
        }
    };
});
4

0 回答 0