JavaScript Intl.DateTimeFormat Constructor is used for creating Intl.DateTimeFormat objects. This constructor can be called with or without the new keyword

Syntax:

Intl.DateTimeFormat(loc, opt)
new Intl.DateTimeFormat(loc, opt)

Parameter: This constructor has two methods and both are optional.

• loc: This is a String or an array of Strings with the following values allowed:
  • nu: It Specifies the numbering system to be followed
  • ca: It specifies the calendar to be followed
  • hc: It specifies the hour cycle format to be followed
• opt: This parameter contains other properties such as datestyle, timestyle, dayperiod, era etc.

Returns: This returns a new DateTimeFormat object whose properties differ on whether it is called using new keyword or not.

Below examples illustrate the JavaScript Intl DateTimeFormat() Constructor:

Example 1: In this example, we will create a DateTimeFormat object and use it to format the date object.

const time = new Intl.DateTimeFormat("en", {
    timeStyle: "short",
    dateStyle: "short"
})
var val = new Date();
console.log(time.format(val));

const time = new Intl.DateTimeFormat("en", {

    timeStyle: "short",

    dateStyle: "short"

})

var val = new Date();

console.log(time.format(val));

Output: The Date variable was formatted using the format method 

4/3/23, 2:11 PM

Example 2: In this example, we will format the Date object using the constructor.

var val = new Date();
console.log(new Intl.DateTimeFormat("en",{
    hour: "2-digit",
    month: "numeric",
    hourCycle: "h23",
    dayPeriod: "long",
    timeZone: "GMT",
}).format(val));

var val = new Date();

console.log(new Intl.DateTimeFormat("en",{

    hour: "2-digit",

    month: "numeric",

    hourCycle: "h23",

    dayPeriod: "long",

    timeZone: "GMT",

}).format(val));

Output:

4, 08

Supported Browsers:

• Chrome
• Edge
• Firefox
• Opera
• Safari

We have a complete list of JavaScript Intl methods to check those please go through, the JavaScript Intl Reference article.