Bagaimana untuk memaparkan hari semasa dalam seminggu pada butang?

Question

Adakah mungkin untuk memaparkan hari dalam seminggu secara automatik pada butang?

Sila rujuk markup di bawah, saya perlu menjadikan paparan "Isnin" sebagai hari semasa dalam minggu.

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

Answer 1

Bolehkah anda menggunakan kod js ini untuk mewakili hari dalam seminggu menggunakan senarai 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>

Semoga ia membantu anda

Answer 2

Anda boleh menggunakan Date::toLocaleDateString untuk memaparkan hari semasa dalam minggu:

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

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