Angular出现error:datefmt的解决办法

当我们使用ng-model 绑定日期格式的数据的时候，会出现

Error: error:datefmt
Model is not a date object

之类的错误，这是因为在angular中故意将input type=date类型的ng-model限制为Date类型

解决办法有2个：

1、将ng-model的值转换为Date类型

$scope.date = new Date("2014-12-24");

2、设置NgModelController的 $formatters自动进行转换

angular.module('app')  
.directive('formatDate', function(){
  return {
    require: 'ngModel',
    link: function(scope, elem, attr, ngModelCtrl) {
      ngModelCtrl.$formatters.push(function(modelValue){
        if(modelValue) {
          return new Date(modelValue);
        }
      });

      ngModelCtrl.$parsers.push(function(value){
        if(value) {
          return $filter('date')(value, 'yyyy-MM-dd');
        }
      });
    }
  };
});