логотип PurpleSchool
Иконка входа
Вход
  • Обучение
  • Войти
логотип PurpleSchool

Intl.DateTimeFormat в JavaScript

Автор

Дмитрий Нечаев

JavaScript предоставляет различные инструменты для работы с датами и временем, одним из которых является объект Intl.DateTimeFormat. Этот объект предоставляет удобный способ форматирования даты и времени с учетом локали, что делает его мощным инструментом для создания приложений, поддерживающих многоязычность и мультирегиональность.

Введение в Intl.DateTimeFormat

Intl.DateTimeFormat - это объект, встроенный в JavaScript, который позволяет форматировать дату и время в соответствии с правилами локали пользователя. Он предоставляет гибкий и удобный интерфейс для настройки вывода даты и времени.

Создание экземпляра Intl.DateTimeFormat

Прежде чем начать использовать Intl.DateTimeFormat, необходимо создать экземпляр этого объекта. Для этого используется конструктор Intl.DateTimeFormat(). Он принимает два параметра: локаль и объект опций.

// Создание экземпляра Intl.DateTimeFormat для локали по умолчанию
const dateFormatter = new Intl.DateTimeFormat();

// Создание экземпляра Intl.DateTimeFormat для определенной локали и с определенными опциями
const dateFormatterRu = new Intl.DateTimeFormat('ru-RU', {
  weekday: 'long', // Полное название дня недели
  year: 'numeric', // Год
  month: 'long',   // Полное название месяца
  day: 'numeric',  // День месяца
  hour: 'numeric', // Час
  minute: 'numeric', // Минута
});

Форматирование даты и времени

После создания экземпляра Intl.DateTimeFormat можно использовать его для форматирования даты и времени.

// Текущая дата и время
const now = new Date();

// Форматирование даты и времени с использованием локали по умолчанию
const formattedDate = dateFormatter.format(now);
console.log("Дата и время (локаль по умолчанию):", formattedDate);

// Форматирование даты и времени с использованием русской локали и определенных опций
const formattedDateRu = dateFormatterRu.format(now);
console.log("Дата и время (русская локаль):", formattedDateRu);

Опции форматирования

Intl.DateTimeFormat позволяет задавать различные опции для форматирования даты и времени. Ниже приведены некоторые из них:

  • weekday: Формат вывода дня недели.
  • year: Формат вывода года.
  • month: Формат вывода месяца.
  • day: Формат вывода дня месяца.
  • hour: Формат вывода часа.
  • minute: Формат вывода минуты.
  • second: Формат вывода секунды.
  • timeZoneName: Формат вывода названия временной зоны.

Примеры

const dateFormatterEn = new Intl.DateTimeFormat('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
const dateFormatterDe = new Intl.DateTimeFormat('de-DE', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });

const date = new Date('2024-05-06T12:30:00');

console.log("День недели (EN):", dateFormatterEn.format(date));
console.log("День недели (DE):", dateFormatterDe.format(date));

Заключение

Intl.DateTimeFormat предоставляет удобный способ форматирования даты и времени с учетом локали пользователя. Его гибкость и мощные возможности делают его важным инструментом при создании приложений, ориентированных на международный рынок. Внимательно настраивайте опции форматирования, чтобы соответствовать требованиям вашего проекта и ожиданиям пользователей.

изображение курса

Основы JavaScript

Антон Ларичев
иконка часов18 часов лекций
иконка звёздочки рейтинга4.8
Frontend
Backend
Mobile
2 999 ₽
Основы JavaScript