# Localization
# 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"
# 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" |