Wie zeige ich den aktuellen Wochentag auf einer Schaltfläche an?

Question

Ist es möglich, den Wochentag automatisch auf einer Schaltfläche anzuzeigen?

Bitte beachten Sie die Markierung unten. Ich muss dafür sorgen, dass „Montag“ als aktueller Wochentag angezeigt wird.

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

Answer 1

你能使用这段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>

希望能帮到你

Answer 2

您可以使用Date::toLocaleDateString来显示当前的星期几：

document.querySelector('.button').textContent = '征服 ' + new Date().toLocaleDateString('en-us', {weekday:'long'});

<button class="button"></button>