Web/JavaScript/Reference/Global objects/Intl/DateTimeFormat/format

From Get docs


The Intl.DateTimeFormat.prototype.format() method formats a date according to the locale and formatting options of this Intl.DateTimeFormat object.


Syntax

dateTimeFormat.format(date)

Parameters

date
The date to format.

Description

The format getter formats a date into a string according to the locale and formatting options of this Intl.DateTimeFormat object.

Examples

Using format

Use the format getter function for formatting a single date, here for Serbia:

var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var dateTimeFormat = new Intl.DateTimeFormat('sr-RS', options);
console.log(dateTimeFormat.format(new Date()));
// → "недеља, 7. април 2013."

Using format with map

Use the format getter function for formatting all dates in an array. Note that the function is bound to the Intl.DateTimeFormat from which it was obtained, so it can be passed directly to Array.prototype.map().

var a = [new Date(2012, 08), new Date(2012, 11), new Date(2012, 03)];
var options = { year: 'numeric', month: 'long' };
var dateTimeFormat = new Intl.DateTimeFormat('pt-BR', options);
var formatted = a.map(dateTimeFormat.format);
console.log(formatted.join('; '));
// → "setembro de 2012; dezembro de 2012; abril de 2012"

Avoid comparing formatted date values to static values

Most of the time, the formatting returned by format() is consistent. However, this might change in the future and isn't guaranteed for all the languages — output variations are by design and allowed by the specification. Most notably, the IE and Edge browsers insert bidirectional control characters around dates, so the output text will flow properly when concatenated with other text.

For this reason you cannot expect to be able to compare the results of format() to a static value:

let d = new Date("2019-01-01T00:00:00.000000Z");
let formattedDate = Intl.DateTimeFormat(undefined, {
  year: 'numeric',
  month: 'numeric',
  day: 'numeric',
  hour: 'numeric',
  minute: 'numeric',
  second: 'numeric'
}).format(d);

"1.1.2019, 01:00:00" === formattedDate;
// true in Firefox and others
// false in IE and Edge

Note: See also this StackOverflow thread for more details and examples.


Specifications

Specification
ECMAScript Internationalization API (ECMA-402)The definition of 'Intl.DateTimeFormat.format' in that specification.

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile Server
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet Node.js
format Chrome

Full support 24

Edge

Full support 12

Firefox

Full support 29

IE

Full support 11

Opera

Full support 15

Safari

Full support 10

WebView Android

Full support 4.4

Chrome Android

Full support 25

Firefox Android

Full support 56

Opera Android

Full support 14

Safari iOS

Full support 10

Samsung Internet Android

Full support 1.5

nodejs Full support 0.12

Notes'

Full support 0.12

Notes'

Notes' Before version 13.0.0, only the locale data for en-US is available by default. See the DateTimeFormat() constructor for more details.

Legend

Full support  
Full support
See implementation notes.'
See implementation notes.


See also