使用Javascript AngularJS显示从今天开始的365天

show next 365 days from current day using Javascript AngularJS

本文关键字：今天开始 365天 显示 Javascript AngularJS 使用      更新时间：2023-09-26

我需要在一个可滚动列表中创建一个日期选择器。在那里，我需要显示未来365天从当前日期使用简单的Javascript(请不要jQuery)。假设今天是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());
   }
}
<div ng-app ng-controller="Ctrl">
    <div ng-repeat="date in dates">{{date | date:'MMM-dd'}}</div>
</div>

最新的更新已经让你非常接近你想要实现的目标。但是，您当前正在创建一个包含365个Date对象的数组，这些对象都具有当前日期和时间。您将需要使用setDate()方法在日期中添加天数，以创建一个连续数组。

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日运行脚本，它将从那里开始。

相关文章：