Установка времени в полночь для JavaScript объекта Date

Быстрый ответ

Если вам необходимо сразу же установить объект Date в JavaScript на полночь, примените следующий участок кода:

let midnight = new Date();
midnight.setHours(0, 0, 0, 0);

В результате получится текущая дата со временем 00:00:00.000.

А для установки времени на полночь по UTC, используйте:

let utcMidnight = new Date();
utcMidnight.setUTCHours(0, 0, 0, 0);

Результатом будет новый объект Date, установленный на 00:00:00.000 по UTC.

Выбор между местным временем и UTC

В местном времени

Этот метод устанавливает полночь согласно вашему локальному часовому поясу:

let now = new Date();
now.setHours(0, 0, 0, 0); // "Нет места лучше дома!"

Время по UTC

Данный метод универсален, поскольку он устанавливает полночь по UTC:

let now = new Date();
now.setUTCHours(0, 0, 0, 0); // "Вне зависимости от часовых поясов."

Использование сторонних библиотек

С помощью Moment.js установка даты на начало дня выполняется очень просто:

let midnight = moment().startOf('day'); // "Время под контролем!"

Запомните: Moment.js обеспечивает удобную кроссбраузерность и дополнительные функции, но это может отразиться на объеме загружаемых скриптов.

Избегание потенциальных проблем

Особенности браузеров

Браузеры работают по-разному, и каждый может интерпретировать код по-своему. Поэтому важно тестировать ваши решения в различных окружениях.

Переход на летнее время

Учитывайте, что при переходе на летнее время день может "ускориться" или "замедлиться" на один час. Это жизненно важно при работе со временем.

Производительность

Частые операции с датами могут вызвать замедление работы программы вроде улитки, запутавшейся в новогодних гирляндах. Используйте представленные методы с умом, особенно в коде с высокой частотой выполнения.

Визуализация

Рестартуйте свой день в полночь:

Исходная дата: "2023-03-25T15:45:23.000Z"

Сбросим время к 00:00:00:

let date = new Date('2023-03-25T15:45:23.000Z');
date.setHours(0, 0, 0, 0); // И Золушкин курбет стал снова тыквой!

Вуаля, дата обновлена:

Обновленная дата: "2023-03-25T00:00:00.000Z"

До: 🛌🕒🌇🕔 | После: 🎆🕛

Написание оптимизированного кода

Будьте точны и сжаты

Очистите свой код от ненужных деталей, делая его понятным и читаемым. Это делает работу с датами и временем более прозрачной.

Код, который рассказывает историю

Хорошо структурированный код освобождает от необходимости комментирования и значительно упрощает дальнейшее обслуживание.

Универсальные алгоритмы

Проектируйте функции для работы с датами таким образом, чтобы они были адаптированы для будущих изменений, учитывая все варианты и особенности.

Полезные материалы

1. Date – JavaScript | MDN
2. Как добавить дни к дате? – Stack Overflow
3. Date.prototype.setHours() – JavaScript | MDN
4. Дата и время – JavaScript.info
5. Спецификация языка ECMAScript® 2020
6. Всё, что вам нужно знать о датах в JavaScript | CSS-Tricks
7. Дата и время