app .directive('dateFormatter', function () { return { restrict: 'C', require: ['ngModel'], template: ``, link: function ($scope, $element, attrs, $ngModelCtrls) { $ngModelCtrls[0].$formatters.push( function (value) { var date = null; if (angular.isString(value)) { date = new Date(value); } return date; }); } }; });