UI Bootstrap datepicker表示ISO-8601日期字符串的日期无效

Question

我2011-11-14T14:48:00从Web API 收到ISO 8601格式的日期，因为这是默认情况下日期序列化的方式。在客户端上，我将日期值与输入控件绑定，并且将UI Bootstrap datepicker用于日期控件。绑定发生得很好，我可以以任何指定的日期格式查看日期。但是，当我从控件中跳出而不进行任何更改时，模型值将变为无效。我认为日期无效，因为如果我删除日期值中的一个数字并重新输入该数字，然后跳出，则模型值将变为有效。

标记

<input type="text" uib-datepicker-popup="{{dateFormat}}" ng-model="statusChangeDate" datepicker-options="dateOptions" is-open="opened" />
<span class="input-group-btn">
<button type="button" ng-click="open($event, 'status')"><i class="glyphicon glyphicon-calendar"></i></button>
</span>

控制者

// This will come from a Web API call
$scope.statusChangeDate = '2011-11-14T14:48:00';

Answer 1

确保 $scope.statusChangeDate 的类型为日期。$scope.statusChangeDate = new Date('2011-11-14T14:48:00');