如何使用角1.3和進一步

Question

發展新世紀通過離子移動應用格式的輸入日期，我有這樣的HTML：

<input type="date" ng-model="schedule.start" 
        name="startDate" 
        date-to-format /> 

我有這樣的指令，旨在對輸入內格式呈現的日期標籤：

.directive('dateToFormat', function ($filter) { 
     return { 
      restrict: 'A', 
      require: 'ngModel', 
      link: function (scope, el, attrs, ctrl) { 
       ctrl.$parsers.push(function (data) { 
        return data; 
       }); 
       ctrl.$formatters.push(function (data) { 
        return $filter('date')(data, 'EEE dd MMMM yyyy'); 
        // error => filter returns a string, not a date object 
       }); 
      } 
     }; 
    }); 

但是，自從Angular 1.3以來，格式化程序必須返回一個Date對象而不是字符串等價物。使用

典型的錯誤這個指令：

Expected `mon. 07 september 2015` to be a date. 

如何使用角1.3和進一步格式的日期？
如果我包裹$filter圍繞new Date(...)，我失去了自定義格式...

Plunkr再現問題：http://plnkr.co/edit/eMIHWjtwHSPLxBBYxYu9?p=preview

Answer 1

在這種情況下，最好使用<input type="text" />，而不是date更好的瀏覽器兼容性。它還可以防止Angular將值強制爲Date。您仍然可以在自定義指令中使用自定義分析器和格式器。

.directive('dateToFormat', function ($filter) { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function (scope, el, attrs, ctrl) { 
      ctrl.$parsers.push(function (data) { 
       return new Date(data); // Maybe use some parsing libraries. 
      }); 
      ctrl.$formatters.push(function (data) { 
       return $filter('date')(data, 'EEE dd MMMM yyyy'); 
       // Now you can return strings as you like! 
      }); 
     } 
    }; 
});