是否有可能在按鈕上自動(dòng)顯示星期幾?
請(qǐng)參考下面的標(biāo)記,我需要讓「星期一」顯示為目前星期幾。
<button class="button">征服星期一</button>
你能使用這段js程式碼使用Date().getDay()
返回0到6之間的星期幾,並使用weekdays
列表來(lái)表示星期幾嗎?
//獲取具有id的按鈕 const button = document.getElementById("dayButton"); //星期幾的數(shù)組 const weekdays = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; //當(dāng)前星期幾的索引 const currentDayiIndex = new Date().getDay(); //點(diǎn)擊按鈕顯示星期幾 dayButton.addEventListener("click",()=>{ day.innerHTML = weekdays[currentDayiIndex] button.innerHTML = "征服" + weekdays[currentDayiIndex]; })
<button class="button" id="dayButton">顯示星期幾</button> <p id="day"></p>
希望能幫到你
您可以使用Date::toLocaleDateString
來(lái)顯示目前的星期幾:
document.querySelector('.button').textContent = '征服 ' + new Date().toLocaleDateString('en-us', {weekday:'long'});
<button class="button"></button>