最近使用angular日期選取器。只需要把所選的輸出迄今input輸入框，根據默認的假設，顯示是在時間的形式的時間戳。不符合規(guī)定。需要格成一個特定的公式格公式。但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就可以。

版權聲明：本文博客原創(chuàng)文章。博客，未經同意，不得轉載。

總結

以上是生活随笔為你收集整理的angular input使用输入框filter格式化日期的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。