【问题标题】:html5 type="date" do not show with ngmodel in AngularJSAngularJS 中的 ngmodel 不显示 html5 type="date"
【发布时间】:2014-11-28 11:54:26
【问题描述】:

日期未绑定到input[type=date]

(function(){

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

})();
<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>

【问题讨论】:

标签: javascript html angularjs forms angular-ngmodel


【解决方案1】:

日期应该是javascript日期对象reference

请注意,此功能不适用于较旧的 Angular 版本。它的工作角度为 1.3 及更高版本

所以你可以试试angular-ui bootstrap datepicker

【讨论】:

    猜你喜欢
    • 2013-11-21
    • 1970-01-01
    • 2016-01-13
    • 2016-11-25
    • 1970-01-01
    • 2017-04-07
    • 1970-01-01
    • 1970-01-01
    • 2014-04-09
    相关资源
    最近更新 更多