使用Javascript AngularJS显示当天下一天365天

时间:2015-10-11 13:44:04

标签: javascript html angularjs

我需要在可滚动列表中创建日期选择器。在那里,我需要使用简单的Javascript(请不要jQuery)显示当前日期的下365天。假设,今天是10月11日。因此,在可滚动的列表中,它将显示10月11日至11月11日至12月11日至1月11日持续。请检查下面的代码。它将显示当前的当前日期。我需要一个循环,它将在接下来的365天内显示出来。



function Ctrl($scope){   
   $scope.dates = [];
   for (i=1; i<=365; i++){
     $scope.dates.push(new Date());
   }
}
&#13;
<div ng-app ng-controller="Ctrl">
    <div ng-repeat="date in dates">{{date | date:'MMM-dd'}}</div>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

最新的更新让您非常接近您想要实现的目标。但是,您当前正在使用当前日期和时间创建包含365个Date个对象的数组。您需要使用setDate() method为日期添加天数,以创建连续数组。

function Ctrl($scope) {
  $scope.dates = [];
  for (i = 0; i <= 364; i++) {
    var d = new Date();
    $scope.dates.push(d.setDate(d.getDate() + i));
  }
}

根据您的评论,我将for循环更改为从0到364开始,从今天开始(Date() + 0)。请注意,这始终是从运行脚本的当前日期开始;即如果你在10月12日运行该脚本,那么它将在10月20日开始运行,它将从那里开始。