Sometimes, we want to convert 24-hour time-of-day string to 12-hour time with AM/PM and no time zone with JavaScript.
In this article, we’ll look at how to convert 24-hour time-of-day string to 12-hour time with AM/PM and no time zone with JavaScript.
How to convert 24-hour time-of-day string to 12-hour time with AM/PM and no time zone with JavaScript?
To convert 24-hour time-of-day string to 12-hour time with AM/PM and no time zone with JavaScript, we use the toLoclaeTimeString method.
For instance, we write
const timeString = "18:00:00";
const timeString12hr = new Date(
"1970-01-01T" + timeString + "Z"
).toLocaleTimeString("en-US", {
timeZone: "UTC",
hour12: true,
hour: "numeric",
minute: "numeric",
});
to create a date from timeString.
Then we call toLocaleTimeString with the locale and an object with the options.
We set hour12 to true to make it return a 12 hour time string.
Conclusion
To convert 24-hour time-of-day string to 12-hour time with AM/PM and no time zone with JavaScript, we use the toLoclaeTimeString method.
