如何按月份顯示內容

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>