javascript - 在 AngularJS 中加载本周的数据

Question

我想在 AngularJS 中检索当前星期的日期和日期名称(例如:星期一、星期二)。一周应该从星期一开始。如下图所示:

点击下周按钮，下周的日期和日期名称将加载到前端。

注意:一周的数据应从互联网加载。它不应该加载系统的日期。

我尝试谷歌，没有找到这种解决方案。

提前致谢。

Answer 1

使用moment.js，您可以执行以下操作来获取当前周和下一周:

controller.js

function TodoCtrl($scope) {
var currentDate = moment();

 var fnWeekDays = function(dt) {

    var currentDate = dt;
    var weekStart = currentDate.clone().startOf('week');
    var weekEnd = currentDate.clone().endOf('week');

    var days = [];
    for (i = 1; i <= 7; i++) {

        days.push(moment(weekStart).add(i, 'days').format("D (ddd)"));

    };
    return days;
}

$scope.weekDays = fnWeekDays(currentDate);
$scope.nextWeek = function(dt) {
    $scope.weekDays = fnWeekDays(moment(dt, "D (ddd)").add(1, 'days'));
};
$scope.previousWeek = function(dt) {
    $scope.weekDays = fnWeekDays(moment(dt, "D (ddd)").subtract(1, 'days'));
};


}

html

<div ng-app>
<div ng-controller="TodoCtrl">
<a ng-click="previousWeek(weekDays[0])">Previous</a>
<a ng-click="nextWeek(weekDays[6])">Next</a>
<div ng-repeat="day in weekDays">
  {{day}}
</div>

这是一个Fiddle