How to usethe Date Object in Javascript

In this approach, using the Date object, input time is set with a common date. The formatted time is extracted in 24-hour format using toLocaleTimeString.

Syntax:

let formattedTime = date.toLocaleTimeString('en-US', { hour12: false });

Example: In this approach we are using the above-explained approach.

Javascript
function convertTo24Hour(timeString) {
    let date = new Date(`01/01/2022 ${timeString}`);
    let formattedTime = date.toLocaleTimeString('en-US',
        { hour12: false });
    return formattedTime;
}

let inputTime = '09:15 PM';
let formattedTime = convertTo24Hour(inputTime);
console.log(formattedTime);

Output
21:15:00

JavaScript Program to Convert String to 24-hour Time Format

We are going to learn about the conversion of a string to a 24-hour time format in JavaScript, converting a string to a 24-hour time format involves transforming a time representation from the traditional 12-hour clock (AM/PM) to the 24-hour clock (00:00 to 23:59).

There are several methods that can be used to convert a string to a 24-hour time format in JavaScript, which are listed below:

Table of Content

  • Approach 1: Using String Manipulation
  • Approach 2: Using Regular Expressions
  • Approach 3: Using the Date Object
  • Approach 4: Using Moment.js Library
  • Approach 5: Using Intl.DateTimeFormat

We will explore all the above methods along with their basic implementation with the help of examples.

Similar Reads

Approach 1: Using String Manipulation

This approach involves splitting the input string using the delimiter, extracting the hour and minute components, and converting them to a 24-hour format....

Approach 2: Using Regular Expressions

Regular expressions can help extract the hour, minute, and AM/PM components from the input string. The AM/PM component is then used to adjust the hour value....

Approach 3: Using the Date Object

In this approach, using the Date object, input time is set with a common date. The formatted time is extracted in 24-hour format using toLocaleTimeString....

Approach 4: Using Moment.js Library

Moment.js is a popular library for parsing, validating, manipulating, and formatting dates and times in JavaScript. We can leverage its functionality to easily convert a string to 24-hour time format....

Approach 5: Using Intl.DateTimeFormat

The Intl.DateTimeFormat object provides a way to format dates and times according to the locale and options specified. This approach involves converting the input time to a Date object and then formatting it to a 24-hour time string using Intl.DateTimeFormat....