Question

我正在尝试创建一个html页面，如果选择月份，正确的日期将显示在表格中。我有一个功能，它在今天的月份，用户可以在几个月之间切换。但我不确定如何能得到所有的日子。我不需要显示数字，只需要几个月的表行/表数据的右侧。

先谢谢了！：）

var month = new Date(); //nytt datum
var index = month.getMonth();

var months = ["Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December"];
document.getElementById("todayField").innerHTML = months[month.getMonth()]; //posta dagens datum by default

function next() {
  var months = ["Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December"];
  var nextMonth = index + 1 > 11 ? 0 : index + 1;
  index = nextMonth
  document.getElementById("todayField").innerHTML = months[nextMonth];
}

function prev() {
  var months = ["Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December"];
  var nextMonth = index - 1 < 0 ? 11 : index - 1;
  index = nextMonth
  // console.log(nextMonth)
  document.getElementById("todayField").innerHTML = months[nextMonth];
}

document.getElementById("prev").addEventListener("click", function() {
  prev();
})

document.getElementById("next").addEventListener("click", function() {
  next();
})

<p>Months</p>
<button type="button" name="btnPrev" onclick="prev()"><</button>
<button type="button" name="btnNext" onclick="next()">></button>
<p id="todayField"></p>
<p>You can find the days below</p>

Answer 1

也许你的问题会从下面的代码更正中解决。

 var month = new Date(); //nytt datum
    var index = month.getMonth();

    var months = ["Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December"];
    document.getElementById("todayField").innerHTML = months[month.getMonth()]; //posta dagens datum by default

    function next() {
      
      index  = (index + 1) > 11 ? 0 : (index + 1);
      
      document.getElementById("todayField").innerHTML = months[index];
    }

    function prev() {          
      index  = (index - 1) < 0 ? 11 : index - 1;
      
      document.getElementById("todayField").innerHTML = months[index];
    }

<p>Months</p>
<button type="button" name="btnPrev" onclick="prev()"><</button>
<button type="button" name="btnNext" onclick="next()">></button>
<p id="todayField"></p>
<p>You can find the days below</p>

如何根据月份显示内容

1 个答案: