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