JavaScript Intl — форматування дат, чисел і валют за локаллю

Intl (скорочення від internationalization, інтернаціоналізація) форматує дати, числа, валюти й множину за правилами конкретної мови — вбудованими в браузер.

правити

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

Це той випадок, коли платформа вміє більше, ніж більшість про неї знає. Люди тягнуть цілі бібліотеки заради форматування дати, хоча браузер уже знає, що українською це «14 липня 2026 р.», а англійською — «July 14, 2026».

Intl.NumberFormat розставить розділювачі розрядів і додасть символ валюти. Intl.DateTimeFormat дасть дату в правильному порядку й із правильною назвою місяця у родовому відмінку — а це те, на чому самописні рішення падають найчастіше.

Intl.RelativeTimeFormat вміє «3 дні тому», а Intl.PluralRules знає, що українською буває «1 файл, 2 файли, 5 файлів» — три форми множини замість англійських двох.

правити

Порада

Перш ніж тягнути бібліотеку для дат чи валют, перевір Intl: у 90% випадків вона вже вбудована в браузер і важить нуль байтів.

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

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

Синтаксис

new Intl.NumberFormat("uk-UA").format(1234.5);

властивості

Переглядачі

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

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

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

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

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

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

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

Приклади

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

const price = new Intl.NumberFormat('uk-UA', {
    style: 'currency',
    currency: 'UAH',
}).format(1234.5);

console.log(price); // '1 234,50 ₴'

const date = new Intl.DateTimeFormat('uk-UA', {
    day: 'numeric',
    month: 'long',
    year: 'numeric',
}).format(new Date('2026-07-14'));

console.log(date); // '14 липня 2026 р.'

// «3 дні тому»
const rtf = new Intl.RelativeTimeFormat('uk-UA', { numeric: 'auto' });
console.log(rtf.format(-3, 'day')); // '3 дні тому'

// українська множина — три форми
const plural = new Intl.PluralRules('uk-UA');
console.log(plural.select(1), plural.select(2), plural.select(5)); // one few many