Как добавить класс для div в зависимости от даты?

Question

[Алексей Королёв]

Хочу для контента на сайте добавлять класс когда наступит указанная дата и время. Как такое реализовать на js учитывая что таких div'ов на странице будет много, а дата будет поступать в скрипт из заданного поля?

Comments

[Сергей Сергей]

Проблема выбрать много элементов? querySelectorAll есть.

[Модератор]

Вам надо показать, как вы пробовали решить и что не получается. Иначе это задание, а не вопрос, см.п.5.12 правил.

Answer 1

[Semantic.Moscow]

так в чём собственно проблема?
для начала определитесь - вы будете текущую дату брать с сервера, у клиента или с чужого сервера по API?

нагуглили как взять дату с сервера, по API или у клиента (у клиента дата может быть сбита!)?

хорошо, теперь возьмём нужный блок, у которого ID или атрибут 'data-что-то-тут' совпадают с полученной ранее датой.
... и что-то делаем (display:block)

может лучше эту часть формировать на сервере, например через PHP?

Comments

[Алексей Королёв]

Мне просто не понятно как взаимодействовать с датой.

Я остановился на этапе const shortstory = querySelectorAll(".shortstory");
И есть допустим const date = new Date(2022, 08, 1, 22, 22, 0, 0);

Я получил все блоки к которым я буду добавлять класс.

Допустим есть дата 01.08.2022 22:22

До меня не доходит как именно в эту дату добавлять допустим класс .black

[Semantic.Moscow]

Алексей Королёв, уберите время из даты (или замените пробел каким-то разделителем)

ну а дальше то просто добавьте имя класса через .className = date;
или

let shortstory = document.querySelectorAll('.shortstory');
var date = Date.now();
shortstory[0].className = date + ' black';