如何在按鈕上顯示目前的星期幾?
P粉738676186
P粉738676186 2023-09-07 20:03:03
0
2
621

是否有可能在按鈕上自動顯示星期幾?

請參考下面的標記,我需要讓「星期一」顯示為目前星期幾。

<button class="button">征服星期一</button>

P粉738676186
P粉738676186

全部回覆(2)
P粉757556355

你能使用這段js程式碼使用Date().getDay()返回0到6之間的星期幾,並使用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>

希望能幫到你

P粉662614213

您可以使用Date::toLocaleDateString來顯示目前的星期幾:

document.querySelector('.button').textContent = '征服 ' + new Date().toLocaleDateString('en-us', {weekday:'long'});
<button class="button"></button>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板