Как выделить текущий день недели?

Question

[Миржалол Мирхомитов]

На сайте есть дни недели.

Надо сделать активным день недели. Например если сегодня понедельник то например красным цветом должно быть понедельник. Если вторник то должно быть вторник, и т.д.

Answer 1

[Дима Паутов]

// Создать массив дней
const days = ['Понедельник', 'Вторник'] // и т.п.

// Получить индекс дня недели
const cuttentDayIndex = new Date().getDay();

// Получить из массива название дня недели по индексу.
// Но т.к. дни недели в getDay начинаются с 1, то вторник будет 2, а раз массивы считаются с 0, то вычитаем - 1
const currentDay = days[cuttentDayIndex - 1];

Для vue примерно так:

<template>
<ul>
  <li :class="{ active:  currentDay === 'Понедельник'}">Понедельник</li>
  <li :class="{ active:  currentDay === 'Вторник'}">Вторник</li>
</ul>
</template>

<script>
data: () => ({
  days: ['Понедельник', 'Вторник'] // и т.п.
}),
computed: {
  currentDay () {
    const cuttentDayIndex = new Date().getDay();

    return this.days[cuttentDayIndex  - 1]
  }
}
</script>

Comments

[posters]

Можно без массива через toLocaleString

var options = {
	weekday: 'long',
	timezone: 'UTC'
};

alert(new Date().toLocaleString("ru", options));
//вторник

[Дима Паутов]

posters, Да, думаю с этим будет короче. Раньше вообще не слышал про этот метод, не так давно стал его замечать и пока в голове он не отложился. Спасибо, за дополнение!))

[Миржалол Мирхомитов]

Дима Турков, posters. Спасибо большое за помощь