如何使用角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! 
      }); 
     } 
    }; 
});