首頁(yè) 猿問 angularjs自定義指令不能過...

angularjs自定義指令不能過濾（格式化）input框ng-model的值

JavaScript

海綿寶寶撒 2018-09-03 16:22:21

這里是輸入框： <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; }); } }; }]) 添加上指令之后還是不能達(dá)到'HH:mm'這種格式。

查看完整描述

1 回答

qq_花開花謝_0

TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊

我猜，你是想實(shí)現(xiàn)這個(gè)功能吧
$modelValue初始是沒有值的，后面一直在這個(gè)上面疊加，導(dǎo)致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');
      });
    }
  };
}])

反對(duì) 回復(fù) 2018-10-30