angularjs - bootstrap Angular Datepicker设置ng-model $invalid不改变

Question

我正在表单中使用 Bootstrap Angular 日期选择器来更新我的模型“用户”。

我将此日期选择器的“require”属性设置为 true。更新用户.html:

<form name="userForm" novalidate>
    <div class="form-group">
        <label>Birthday</label>
        <p class="input-group">
            <input type="text" name="birthday" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="user.birthday" is-open="opened" datepicker-options="dateOptions" ng-required="true" />
            <span class="input-group-btn">
                <button type="button" class="btn btn-default"
                ng-click="openDate($event)">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
        </span>
    </p>
    <span>{{userForm.birthday.$invalid}}</span>
</div>
<div class="form-group">
    <button type="submit" class="btn btn-primary" ng-disabled="userForm.$invalid">Update</button>
</div>
</form>

UserCtrl.js:

mainApp.controller("detailCtrl", function($scope, $http, $routeParams, DemoService) {        
  $scope.user = DemoService.get({userId : $routeParams.userId});
  $scope.openDate = function($event) {
    $event.preventDefault();
    $event.stopPropagation();
    $scope.opened = true;
  };
  $scope.dateOptions = {
    formatYear: 'yy',
    startingDay: 1
  };
});

所以我的问题是:当我第一次将“user.birthday”设置为日期选择器时，为什么 {{userForm.birthday.$invalid}} 为 true？

笨蛋:

http://plnkr.co/edit/DkGEVJ?p=preview

Answer 1

这很奇怪，但将初始生日从 '1403575208000' 更改为 new Date(1403575208000) 可以解决此问题。

http://plnkr.co/edit/Wut4sJT5hFcG6EfSYe8t?p=preview