是否有可能在按钮上自动显示星期几?
请参考下面的标记,我需要使“星期一”显示为当前星期几。
<button class="button">征服星期一</button>
你能使用这段js代码使用Date().getDay()返回0到6之间的星期几,并使用weekdays列表来表示星期几吗?
Date().getDay()
weekdays
//获取具有id的按钮 const button = document.getElementById("dayButton"); //星期几的数组 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来显示当前的星期几:
Date::toLocaleDateString
document.querySelector('.button').textContent = '征服 ' + new Date().toLocaleDateString('en-us', {weekday:'long'});
<button class="button"></button>
你能使用这段js代码使用
Date().getDay()
返回0到6之间的星期几,并使用weekdays
列表来表示星期几吗?希望能帮到你
您可以使用
Date::toLocaleDateString
来显示当前的星期几: