最近使用angular日期選取器。只需要把所選的輸出迄今input輸入框，根據(jù)默認(rèn)的假設(shè)，顯示是在時(shí)間的形式的時(shí)間戳。不符合規(guī)定。需要格成一個(gè)特定的公式格公式。但input上ng-model不能直接對(duì)用于filter。因此內(nèi)容需要一種方法來在這里顯示格式化。

網(wǎng)上尋找解決方式就是寫個(gè)directive，詳細(xì)實(shí)例代碼例如以下：

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">
顯示效果如圖。詳細(xì)的格式化改動(dòng)代碼中的format就可以。

版權(quán)聲明：本文博客原創(chuàng)文章。博客，未經(jīng)同意，不得轉(zhuǎn)載。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。