JavaScript Intl.DateTimeFormat — форматування дати за локаллю

Intl.DateTimeFormat форматує дату й час за правилами мови — з правильним порядком частин і назвами місяців.

правити

Загальний опис

Головне, заради чого його беруть українською, — відмінки. «14 липня», а не «14 липень». Жодне самописне рішення зі списком назв місяців цього не дає без окремої таблиці — а тут воно вбудоване в браузер.

Опція timeZone дозволяє показати час у чужому поясі, не чіпаючи саму дату: зручно, коли сервер шле час у UTC.

Як і NumberFormat, форматувальник варто створювати один раз.

правити

Порада

Хочеш «14 липня 2026 р.» — це { day: 'numeric', month: 'long', year: 'numeric' }. Відмінок підставиться сам.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	24	29	10	15	12	11

Підтримка: мобільні переглядачі

Переглядач
	4.4	25	56	10

Підтримка: серверні переглядачі

Переглядач
	0.12.0	1.8

Приклади

+ запропонувати свій приклад у пісочниці

const date = new Date('2026-07-14T15:30:00Z');

const full = new Intl.DateTimeFormat('uk-UA', {
    day: 'numeric',
    month: 'long',
    year: 'numeric',
});

console.log(full.format(date)); // '14 липня 2026 р.' — правильний відмінок

// час у київському поясі
const kyiv = new Intl.DateTimeFormat('uk-UA', {
    dateStyle: 'short',
    timeStyle: 'short',
    timeZone: 'Europe/Kyiv',
});

console.log(kyiv.format(date));