Error: ngModel:datefmt Model is not a date object

Angular JS: input[time] Error: error:datefmt Model is not a date object

If you whant to map string value to <input type="time"> you will get Error: error:datefmt Model is not a date object from angular 1.3 and upper.

Solution is to use string to date conversion directive. Like this one:

JsFiddle working example

.directive("strToTime", function () { return { require: 'ngModel', link: function (scope, element, attrs, ngModelController) { ngModelController.$parsers.push(function (data) { if (!data) return ""; return ("0" + data.getHours().toString()).slice(-2) + ":" + ("0" + data.getMinutes().toString()).slice(-2); }); ngModelController.$formatters.push(function (data) { if (!data) { return null; } var d = new Date(1970, 1, 1); var splitted = data.split(":"); d.setHours(splitted[0]); d.setMinutes(splitted[1]); return d; }); } }; });