angular input輸入框中使用filter格式化日期，angularfilter

angular input輸入框中使用filter格式化日期，angularfilter

最近使用了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即可。

Angularjs 為何如此火？

如果其他朋友也有不錯的原創或譯文，可以嘗試推薦給伯樂線上。 在本文中讓我們來逐步發掘angular為什麼如此火：Angular.js 是一個MV*（Model-View-Whatever，不管是MVC或者MVVM，統歸MDV(model Drive View)）JavaScript架構，其是Google推出的SPA（single-page-application）應用程式框架，其為我們的web應用開發增加不少魔法變換。我可以花整天的時間告訴你為什麼你必須在新項目嘗試angular.js，但是我覺得還是百說不如一練。 資料繫結和scopes(範圍)首先第一個浮出大腦的問題是：angular支援資料繫結嗎？下面讓我們來瞭解angular.js的資料繫結：
Edit in plucker Insert your name: Echo: {{user.name}} 在這程式碼片段中，在我們解釋細節之前，我還是希望嘗試下其效果：註：此刻暫時不要太心急去瞭解ng-app。如你所見，我在input中輸入的將會顯示在後邊echo。這是如何工作的？簡單來說，angular的ng-model(