如何在angularjs的每個ng-repeat循環中添加日期到日期變量

Question

我已經在“ ng-init”指令中設置了日期變量，我想在每個ng-repeat循環中將天數添加到該日期變量中，如下所示：

 <table> <tr ng-repeat="n in myArr" ng-init="myDate=('07/25/2017'|date:addDays($index))"> <td ng-bind="myDate"></td> </tr> </table 

Answer 1

您可以像這樣在控件中實例化您的第一個日期：

$scope.firstDate = new Date('07/25/2017');

並在ngRepeat中添加天數，如下所示：

<tr ng-repeat="n in myArr" ng-init="myDate=(firstDate.setDate(firstDate.getDate() + 1)|date)">

如果您希望使用mm / dd / yyyy格式的日期，則需要在ngInit的末尾添加:'M/d/yyyy' ，如下所示（您可以查看文檔以獲取有關日期的更多信息格式）：

<tr ng-repeat="n in myArr" ng-init="myDate=(firstDate.setDate(firstDate.getDate() + 1)|date:'M/d/yyyy')">

但是，如果您與日期有其他關系，我認為最好看看一下moment.js

 var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.firstDate = new Date('07/25/2017'); $scope.myArr = [1, 2, 3, 4, 5]; }); 

 <script data-require="angular.js@1.5.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script> <table ng-app="plunker" ng-controller="MainCtrl"> <tr ng-repeat="n in myArr" ng-init="myDate=(firstDate.setDate(firstDate.getDate() + 1)|date)"> <td ng-bind="myDate"></td> </tr> </table>