Работа с датами — распространенная задача в веб-разработке на JavaScript. JavaScript предоставляет несколько методов для управления, форматирования и отображения дат в соответствии с конкретными требованиями. В этой статье мы рассмотрим различные методы форматирования даты в JavaScript, сопровождаемые примерами кода. Давайте погрузимся!

1. Использование метода toLocaleDateString():
   Метод toLocaleDateString() преобразует объект даты в строку, представляющую часть даты в локализованном формате на основе настроек локали пользователя.

const date = new Date();
const formattedDate = date.toLocaleDateString();
console.log(formattedDate);

Выход:

"1/19/2024" (based on the user's locale)

2. Использование метода toLocaleTimeString():
   Метод toLocaleTimeString() преобразует объект даты в строку, представляющую часть времени в локализованном формате на основе настроек локали пользователя.

const date = new Date();
const formattedTime = date.toLocaleTimeString();
console.log(formattedTime);

Выход:

"10:30:45 AM" (based on the user's locale)

3. Использование метода toLocaleString():
   Метод toLocaleString() объединяет части даты и времени в локализованный строковый формат на основе региональных настроек пользователя.

const date = new Date();
const formattedDateTime = date.toLocaleString();
console.log(formattedDateTime);

Выход:

"1/19/2024, 10:30:45 AM" (based on the user's locale)

4. Использование конструктора Intl.DateTimeFormat():
   Конструктор Intl.DateTimeFormat() обеспечивает больший контроль над форматированием даты, позволяя указать языковой стандарт и настроить параметры форматирования.

const date = new Date();
const formatter = new Intl.DateTimeFormat("en-US", {
  year: "numeric",
  month: "short",
  day: "numeric",
  hour: "numeric",
  minute: "numeric",
});
const formattedDate = formatter.format(date);
console.log(formattedDate);

Выход:

"Jan 19, 2024, 10:30 AM" (formatted based on the "en-US" locale)

5. Использование сторонних библиотек.
   Существует несколько популярных сторонних библиотек, которые предоставляют расширенные возможности форматирования даты и дополнительные функции. Некоторые популярные библиотеки включают Moment.js, Luxon и date-fns. Эти библиотеки предлагают широкие возможности форматирования и легко настраиваются.

Вот пример использования Moment.js:

const date = moment();
const formattedDate = date.format("YYYY-MM-DD");
console.log(formattedDate);

Выход:

"2024-01-19"

В этой статье мы рассмотрели различные методы форматирования даты в JavaScript. Мы узнали о встроенных методах JavaScript, таких как toLocaleDateString(), toLocaleTimeString() и toLocaleString(). Кроме того, мы обнаружили гибкость конструктора Intl.DateTimeFormat() для более точного управления форматированием даты. Наконец, мы упомянули о доступности сторонних библиотек, таких как Moment.js, Luxon и date-fns, для расширенных возможностей форматирования даты. Имея в своем распоряжении эти методы, вы можете легко форматировать даты в JavaScript в соответствии с вашими конкретными требованиями.

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