How to useString Manipulation in Javascript

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

Syntax:

const [time, period] = timeString.split(' ');
const [hour, minute] = time.split(':');
let formattedHour = parseInt(hour);

Example: In this example, we are using the above approach.

Javascript
function convertTo24HourFormat(timeString) {
    const [time, period] = timeString.split(' ');
    const [hour, minute] = time.split(':');
    let formattedHour = parseInt(hour);

    if (period === 'PM') {
        formattedHour += 12;
    }

    return `${formattedHour}:${minute}`;
}

const inputTime = '03:30 PM';
const formattedTime = convertTo24HourFormat(inputTime);
console.log(formattedTime);

Output
15:30

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....