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就可以。