Angularjs - 获取今天的日期并显示接下来的 6 天

Question

请检查以下代码片段。我需要像我在使用 AngularJS ng-repeat 的示例中所做的那样的输出。我尝试了很多，但没有工作。所以在这里我刚刚创建了一个示例代码输出，我知道你可能期待更多的代码，但到目前为止，我尝试的是完整的或错误的。请帮忙。

function dateCtrl($scope){
$scope.todayDate = new Date();
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<p ng-app ng-controller="dateCtrl">
<a><span>Today</span></a>|
<a><span>Tomorrow</span></a>|
<a><span>Wed 3 Apr</span></a>|
<a><span>Thu 4 Apr</span></a>|
<a><span>Fri 5 Apr</span></a>|
<a><span>Sat 6 Apr</span></a>|
<a><span>Sun 7 Apr</span></a>|
</p>

Answer 1

我希望这对你有所帮助。谢谢。

function dateCtrl($scope){
        $scope.todayDate = [];
        var tempDate = [];
        tempDate.push(new Date());
        for (var i = 1; i <= 6; i++) {
          tempDate.push(new Date());
          tempDate[i].setDate(tempDate[i].getDate() + i);
        }
        $scope.todayDate = tempDate;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<p ng-app ng-controller="dateCtrl">
        <a  ng-repeat="dates in todayDate">
            <span ng-if="$index==0">Today | </span>
            <span ng-if="$index==1">Tomorrow | </span>
            <span ng-if="$index>1">{{dates | date : "EEE, d MMM" }} | </span>
        </a>
</p>