angular.js: 14800 Ошибка: [ngModel: datefmt] Ожидаемая дата `2019-12-29` будет датой

Question

У меня есть поле данных как:

<div class="form-group">
    <label for="">Enter Expiry Date</label>
    <input type="date" ng-model="product.expiryDate"></input>
    <p class="help-block"></p> 
</div>

Формат ввода даты выглядит следующим образом: дд-мм-гггг , И мой контроллер выглядит так:

 app.controller('xyz', function(){
    $scope.product = productService.getProduct(id);  //rough code
});

Итак, это настройка всех других полей ввода, кроме даты и угловой ошибки, как указано в заголовке. Даже я проверил, что мой формат даты внутри продукта, как:

alert(JSON.stringify(product.expiryDate));

Показывает формат даты как: гггг-мм-дд .

1. Моя проблема заключается в том, почему я получаю сообщение об ошибке: angular.js: 14800 Ошибка: [ngModel: datefmt] Ожидается, что 2019-12-29 будет датой ?
2. Есть ли другой способ решить проблему?

Answer 1

С input[date] документы :

Модель всегда должна быть объектом Date, в противном случае AngularJS выдаст ошибку . Недопустимые объекты Date (даты, для которых getTime() равно NaN) будут отображаться в виде пустой строки.