Странная ошибка с вводом даты в угловом

Question

Я пытаюсь установить сегодня как максимальную дату ввода даты. Но каждый раз, когда я выбираю сегодня в подборщике даты, значение модели всегда было неопределенным. Кто-то встретил такую ​​же проблему?

HTML код:

<form name="myForm" class="item"> 
    <input type="date" ng-model="date" max="{{maxDateStr}}" name="dateInput"> 

    <p> date： {{date | date:'yyyy-MM-dd'}}</p> 
    <p>myForm.$valid : {{myForm.$valid}}</p> 
    <p>myForm.dateInput.$error.max : {{myForm.dateInput.$error.max}}</p> 
</form> 

JS код:

angular.module('angularApp',[]) 

.controller('MyCtrl', function($scope, $filter) { 
    $scope.maxDateStr = $filter('date')(new Date(), 'yyyy-MM-dd'); 
    $scope.date = new Date(); 

}); 

мой код на codepen

после отладки в хроме, я обнаружил, что, когда выбрать дату максимальное значение перейти к NgModelController. У парсеров $ было время, например Чт июл 02 2015 16:54:00 GMT + 0800 (КНТ). При запуске максимального валидатор он возвращает ложь,

угловой Макс код валидатора:

var maxVal; 
    ctrl.$validators.max = function(value) { 
    return !isValidDate(value) || isUndefined(maxVal) || parseDate(value) <= maxVal; 
    }; 

, так как значение maxVal было Thu Jul 02 2015 00:00:00, она возвращает ложь.

Answer 1

Заменить код со следующими

angular.module('angularApp',[]) 

.controller('MyCtrl', function($scope, $filter) { 
    $scope.maxDateStr = $filter('date')(new Date(), 'yyyy-MM-dd'); 
    $scope.date = new Date(); 
}); 

с

angular.module('angularApp',[]) 

.controller('MyCtrl', function($scope, $filter) { 
    $scope.maxDateStr = $filter('date')(new Date(), 'yyyy-MM-dd'); 
    $scope.date = new Date((new Date()).getFullYear(), (new Date()).getMonth(), (new Date()).getDate()); 
}); 

Примечание: Это будет создавать дату с 00:00:00 времени, поэтому он должен совершенствовать работать с максимальной проверки.