javascript - 每次单击前进箭头时功能不会重复

Question

我现在有一个函数，每次单击向前箭头，周就会向前移动 1 周。

JS

//周日期 - 在使我的日期从 2 月 3 日开始显示的函数下方

let d = new Date(2020,1,3)
var dayElement = document.createElement("div");
dayElement.innerHTML = d.toLocaleDateString() + "-"
document.getElementById("month-today").appendChild(dayElement)

let nd = new Date(d)
nd.setDate(nd.getDate() + 6)

document.getElementById("month-seven").innerHTML = nd.toLocaleDateString()

//向前箭头 - 在使本周前进到下周的函数下方

document.getElementById("next").addEventListener("click", next)
function next() {

  let ndPlus = new Date(d)
  ndPlus.setDate(ndPlus.getDate() + 7)

  document.getElementById("month-today").innerHTML = ndPlus.toLocaleDateString() +  "-"

  let ndPlusWeek = new Date(2020,1,9)
  ndPlusWeek.setDate(ndPlusWeek.getDate() + 7)


  document.getElementById("month-seven").innerHTML = ndPlusWeek.toLocaleDateString()
}

每次我单击向前箭头，周数应继续移动 7 天，但周仅向前移动一次。

帮忙？

Answer 1

这是一个快速修复，即使它并不优雅:

function next() {

  let ndPlus = new Date(d);
  ndPlus.setDate(ndPlus.getDate() + 7)
  d = ndPlus;

  document.getElementById("month-today").innerHTML = ndPlus.toLocaleDateString() +  "-"

  let ndPlusWeek = new Date(ndPlus)
  ndPlusWeek.setDate(ndPlus.getDate() + 6)


  document.getElementById("month-seven").innerHTML = ndPlusWeek.toLocaleDateString()
}