angularjs自定义指令不能过滤（格式化）input框ng-model的值

Question

这里是输入框： <input class="weui_input" type="time" ng-model="callDate" date-format> 这里是指令代码： contr.directive('dateFormat', ['$filter',function($filter) {  return {    require: 'ngModel',     link: function(scope, elm, attrs, ctrl) {       ctrl.$formatters.unshift(function formatter(value) {        return $filter('date')(value, 'HH:mm');       });       ctrl.$parsers.push(function parser() {        return ctrl.$modelValue;       });     }   }; }]) 添加上指令之后还是不能达到'HH:mm'这种格式。

Answer 1

我猜，你是想实现这个功能吧
$modelValue初始是没有值的，后面一直在这个上面叠加，导致parse后一直没有值

app.directive('dateFormat', ['$filter', function($filter) {  return {    require: 'ngModel',
    link: function(scope, elm, attrs, ctrl) {
      ctrl.$parsers.push(function parser() {        return $filter('date')(ctrl.$viewValue, 'HH:mm');
      });
    }
  };
}])