Comment afficher le jour de la semaine en cours sur un bouton ?

Question

Est-il possible d'afficher automatiquement le jour de la semaine sur un bouton ?

Veuillez vous référer au balisage ci-dessous, je dois afficher "Lundi" comme jour de la semaine en cours.

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

Answer 1

Pouvez-vous utiliser ce code js pour représenter les jours de la semaine à l'aide d'une liste 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>

J'espère que cela vous aidera

Answer 2

Vous pouvez utiliser Date::toLocaleDateString pour afficher le jour de la semaine en cours :

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

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