Localization

Syntax#

new Intl.NumberFormat()
new Intl.NumberFormat(‘en-US’)
new Intl.NumberFormat(‘en-GB’,{timeZone: ‘UTC’})

Parameters#

Paramater	Details
weekday	“narrow”, “short”, “long”
era	“narrow”, “short”, “long”
year	“numeric”, “2-digit”
month	“numeric”, “2-digit”, “narrow”, “short”, “long”
day	“numeric”, “2-digit”
hour	“numeric”, “2-digit”
minute	“numeric”, “2-digit”
second	“numeric”, “2-digit”
timeZoneName	“short”, “long”
## Number formatting
Number formatting, grouping digits according to the localization.

const usNumberFormat = new Intl.NumberFormat('en-US');
const esNumberFormat = new Intl.NumberFormat('es-ES');

const usNumber = usNumberFormat.format(99999999.99); // "99,999,999.99"
const esNumber = esNumberFormat.format(99999999.99); // "99.999.999,99"

Currency formatting

Currency formatting, grouping digits and placing the currency symbol according to the localization.

const usCurrencyFormat = new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'})
const esCurrencyFormat = new Intl.NumberFormat('es-ES', {style: 'currency', currency: 'EUR'})

const usCurrency = usCurrencyFormat.format(100.10); // "$100.10"
const esCurrency = esCurrencyFormat.format(100.10); // "100.10 €"

Date and time formatting

Date time formatting, according to the localization.

const usDateTimeFormatting = new Intl.DateTimeFormat('en-US');
const esDateTimeFormatting = new Intl.DateTimeFormat('es-ES');

const usDate = usDateTimeFormatting.format(new Date('2016-07-21')); // "7/21/2016"
const esDate = esDateTimeFormatting.format(new Date('2016-07-21')); // "21/7/2016"