How to use toLocaleString() Method In Javascript

Q: How to use toLocaleString() Method In Javascript

In this approach, we will utilize an inbuilt method toLocaleString() to change the format of the given date into AM-PM format. toLocaleString() Method returns a string representation of the date Object. The 2 arguments Locale and options allow for customization of the behavior of the method.

Using the Native Approach

Using Intl.DateTimeFormat

In this approach, we will utilize an inbuilt method toLocaleString() to change the format of the given date into AM-PM format. toLocaleString() Method returns a string representation of the date Object. The 2 arguments Locale and options allow for customization of the behavior of the method.

Syntax:

dateObject.toLocaleString([locales[, options]]);

Example: In this example, we are determining whether the given time belongs to AM or PM.

Javascript

function changeTimeFormat() {
    let date = new Date();
    let n = date.toLocaleString([], {
        hour: '2-digit',
        minute: '2-digit'
    });

    console.log(n);
}

changeTimeFormat();

Output

05:34 AM

How do you display JavaScript datetime in 12 hour AM/PM format ?

JavaScript uses the 24-hour format as the default for DateTime. However, daytime in JavaScript can be displayed in 12-hour AM/PM format using several approaches.

There are two approaches that will be discussed below: