javascript - Angular 输入[类型=日期]。没有显示任何值

Question

我对 Angular 日期输入有疑问。

示例代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script>
  angular.module('app', []).controller('ACtrlr', function($scope){
    $scope.start = new Date();
    $scope.plusDay = function(s){
      console.log(s);
      $scope.start.setDate($scope.start.getDate() + 1);
    };
  });
</script>
<div ng-app="app" ng-controller="ACtrlr">
  <input type="date" ng-model="start" />
  <input type="date" ng-model="start" />
  {{start}}
  <button ng-click="plusDay(start)" >+</button>
</div>

如果我以编程方式更改此设置(首先单击按钮)，模型会正确更改，但输入中不会显示任何值。如果我立即更改日期输入，模型将变成简单文本，如 2014-12-29 和所有刹车。

之前我仅将其与文本值一起使用，但现在我得到 this异常。

有人知道这里出了什么问题吗？使用 input[type=date] 的正确方法是什么？

<小时/>

Google Chrome 38.0.2125.111(64 位)

Answer 1

note that this feature (input['date']) is not works in older angular versions. its working angular 1.3 and onward

请检查 AngularJS 更改日志中的重大更改 here

并更新这将解决您的问题，使用较新版本的 angularjs。这是Plunker

$scope.plusDay = function(s){
  console.log(s);
  $scope.start.setDate($scope.start.getDate() + 1);
  $scope.start = new Date($scope.start);
};