HTML5 유형 = "날짜"AngularJS와

Question

가 input[type=date]

에 바인딩되지 않은 날짜 ngmodel에 표시되지 않습니다

(function(){ 
 

 
var app = angular.module('tableApp',[ ]); 
 
app.controller('tableController', function($scope){ 
 
\t $scope.items = [ 
 
\t  { date: '12-March-2013', rate: 12.35, name: 'Konu konu'}, 
 
\t  { date: '1-January-2011', rate: 60.54, name: 'Maanu meenu'}, 
 
\t  { date: '12-December-2014', rate: 12.56, name: 'Konu konu'}, 
 
\t  { date: '14-November-2014', rate: 0.99, name: 'Konu konu'}, 
 
\t  { date: '2-November-2014', rate: 4.00, name: 'Konu konu'}, 
 
\t  { date: '16-February-2014', rate: 6.54, name: 'Konu konu'}, 
 
\t  { date: '30-November-2014', rate: 60.32, name: 'Konu konu'}, 
 
\t  { date: '5-May-2014', rate: 5.12, name: 'Konu konu'}, 
 
\t  { date: '12-April-2014', rate: 8.99, name: 'Konu konu'}, 
 
\t  { date: '18-November-2014', rate: 34.54, name: 'Manjeri mmanjeri'}, 
 
\t  { date: '28-June-2014', rate: 55.12, name: 'Konu konu'}, 
 
\t  { date: '21-June-2014', rate: 99.54, name: 'Maanu meenu'}, 
 
\t  { date: '31-December-2014', rate: 15.50, name: 'Maanu meenu'}, 
 
\t  { date: '1-November-2014', rate: 34.05, name: 'Konu konu'}, 
 
\t  { date: '3-November-2014', rate: 45.00, name: 'Maanu meenu'} 
 
\t ]; 
 
}); 
 

 
})();

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div class="container" ng-app="tableApp"> 
 
    <table class="table table-striped table-hover" ng-controller="tableController"> 
 
    <thead> 
 
     <tr> 
 
     <th>Date</th> 
 
     <th>Amount</th> 
 
     <th>Member</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr ng-repeat="item in items | orderBy : 'rate'"> 
 
     <td> 
 
      <input type="date" ng-model="item.date"> 
 
     </td> 
 
     <td> 
 
      <input type="text" ng-model="item.rate"> 
 
     </td> 
 
     <td> 
 
      <input type="text" ng-model="item.name" > 
 
     </td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</div>

Answer 1

날짜는 자바 스크립트 날짜가 reference

개체를해야한다 이 기능은 구형 버전에서는 작동하지 않습니다. angular-ui bootstrap datepicker