如何点击下一个和上一个按钮使用javascript生成7天的日期?

时间:2017-10-12 12:38:51

标签: javascript

我正在使用angularjs使用高图,我想在图表中使用日期明智的数据到期间7-7天来生成日期。所以现在我第一次在页面上加载生成当前日期到前7天的日期,如前" 06-10-2017"到" 12-10-2017" 并显示在图表中。 现在我在页面上添加了新的2按钮 next和pre 之类的。所以我想点击按钮我希望再预售7天的日期,例如ex => " 29-09-2017"到" 05-10-2017 "。 再次,我点击预按钮,我希望日期生成像" 22-09-2017"到" 28-09-2017"。我现在点击下一步按钮上的然后我想要" 29-09-2017"到" 05-10-2017" 。我想喜欢这个日期使用javascript生成,但如何跳过点击按钮上的日期我不知道任何人有这个想法,请在下面帮助我,我已经写了这个代码为前7天日期生成。

这是我在html =>

中的2个按钮
<button class="previous" onclick="GetPreviousWeek()">Previous Week</button>
<button class="next" onclick="GetNextWeek()" style="width: 110px;">Next Week</button>

这是我的javascript代码=&gt;

var today = new Date();
var daysSorted = [];
var FDates = [];
var goBackDays = 7;

for (var i = 0; i < goBackDays; i++) {
    var newDate = new Date(new Date().setDate(new Date().getDate() - i));
    daysSorted.push(newDate.getTime());
}


 daysSorted.sort(function (a, b) {
    return a - b;
})

daysSorted.filter(function (obj) {
    var d = new Date(obj);
    FDates.push(("0" + d.getDate()).slice(-2) + '-' + ("0" + (d.getMonth() + 1)).slice(-2) + '-' + d.getFullYear())
})

console.log("DateArray => " + FDates);

使用此代码我得到这样的o / p =&gt;

"06-10-2017"
"07-10-2017"
"08-10-2017"
"09-10-2017"
"10-10-2017"
"11-10-2017"
"12-10-2017"

0 个答案:

没有答案