Mirami97
@Mirami97
студент

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

На сайте есть дни недели.
5fc5f11b5a2bd352747445.png
Надо сделать активным день недели. Например если сегодня понедельник то например красным цветом должно быть понедельник. Если вторник то должно быть вторник, и т.д.
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
bootd
@bootd
Гугли и ты откроешь врата знаний!
// Создать массив дней
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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы