Угловые JS получить значение даты ввода с нг-модели

Question

я пытаюсь получить значение моей даты ввода HTML 5 компонента путем связывания его с нг-модели, как это:

<input type="date" id="dateFin" class="form-control" name="dateFin" ng-model="filtres.dateFin" 
       placeholder="dd/MM/yyyy" min="01/01/2014"/> 

И с моделью:

$scope.filtres.dateFin = null; 

Я думаю, что связывание является правильным, потому что, когда я изменить начальное значение

$scope.filtres.dateFin = new Date(); 

Начальное значение установлено на текущую дату.

Но моя проблема возникает, когда я пытаюсь получить значение на моей обработке формы. При отладке я видел, что значение $scope.filtres.dateFin становится неопределенным при изменении значения. Должен ли я переопределить метод onchange или получить значение другим способом?

Answer 1

Итак, немного спасибо вашему примеру Мне удалось найти проблему. На самом деле у меня была минимальная стоимость и формат, такой как placeholder="dd/MM/yyyy" min="01/01/2014", и это мешало моему коду, который был похож на ваш, работать.

Я думаю, что проблема была формат параметра мин с хорошим форматом все нормально:

min="2014-01-01" 

Мой плохо для удаления моего кода, например, на вопрос, я Жюст пытался сделать его более удобочитаемый.

Answer 2

https://jsfiddle.net/u2vkzemh/

HTML

<div ng-app ng-controller="testCtrl"> 
    <input type="date" id="dateFin" name="dateFin" ng-model="filtres.dateFin"/> 
    {{filtres.dateFin}} 
    <button type="button" ng-click="show()">Show it</button> 
    {{testDate}} 
</div> 

контроллер

function testCtrl($scope) { 
    $scope.show=function(){ 
     $scope.testDate = $scope.filtres.dateFin; 
    } 
} 

кажется, работает хорошо.