angular input使用输入框filter格式化日期

最近使用angular日期选取器。只需要把所选的输出迄今input输入框，根据默认的假设，显示是在时间的形式的时间戳。不符合规定。需要格成一个特定的公式格公式。但input上ng-model不能直接对用于filter。因此内容需要一种方法来在这里显示格式化。

网上寻找解决方式就是写个directive，详细实例代码例如以下：

JS

angular.module('dateRange',[]).directive('dateFormat', ['$filter',function($filter) {var dateFilter = $filter('date');return {require: 'ngModel',link: function(scope, elm, attrs, ctrl) {function formatter(value) {return dateFilter(value, 'yyyy-MM-dd'); //format}function parser() {return ctrl.$modelValue;}ctrl.$formatters.push(formatter);ctrl.$parsers.unshift(parser);}};
}]);

HTML

<input type="text" ng-model="start_date" date-format disabled="disabled">

显示效果如图。详细的格式化改动代码中的format就可以。

版权声明：本文博客原创文章。博客，未经同意，不得转载。