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


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

автор: NagarD

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

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

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

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

автор: NagarD

Порада

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

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
DateTimeFormat 24+ 29+ 10+ 15+ 12+ 11+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
DateTimeFormat 26+ yes yes 10+

Приклади

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

Дата українською з відмінком і часовим поясом.

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));
автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід