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

Question

请检查以下sn-p。我需要一个输出，就像我在使用 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>