Convert string into date using JavaScript

In this article, we will convert a string into a date using JavaScript. A string must follow the pattern so that it can be converted into a date.

A string can be converted into a date in JavaScript through the following ways:

Method 1: Using JavaScript Date() constructor

Creating date object using date string: The date() constructor creates a date in human-understandable date form.

Example: In this example, we will convert a string into a date by creating a date object.

// It returns the Day,Month,Date,Year and time
// Using Date() constructor
let d = new Date("May 1,2019 11:20:00");

// Display output
console.log(d);

2019-05-01T11:20:00.000Z

Getting the string in DD-MM-YY format using suitable methods: We use certain methods such as:

• getDate-It Returns Day of the month(from 1-31)
• getMonth-It returns month number(from 0-11)
• getFullYear-It returns full year(in four digits )

Example: This example uses the approach to convert a string into a date.

// Using Date() constructor
let d = new Date("May 1, 2019 ");

// Display output
console.log(formatDate(d));
    
// Funciton to extract day, month, and year 
function formatDate(date) {
    let day = date.getDate();
    if (day < 10) {
        day = "0" + day;
    }
    let month = date.getMonth() + 1;
    if (month < 10) {
        month = "0" + month;
    }
    let year = date.getFullYear();
    return day + "/" + month + "/" + year;
}

01/05/2019

Method 2: Using JavaScript toDateString() method

This method returns the date portion of the Date object in human-readable form. 

Example: This example shows the above-explained approach.

// Date object
let date = new Date(2019, 5, 3);

//Display output
console.log(date.toDateString());

Mon Jun 03 2019

Method 3: Using Date.parse() method

The JavaScript Date parse() Method is used to know the exact number of milliseconds that have passed since midnight, January 1, 1970, till the date we provide.

Syntax: 

Date.parse(datestring);

Example: In this example, we will use date.parse() method to get time out of the string and convert it to get date output.

// Input string 
let d = "May 1, 2019 "

// Using Date.parse method
let parse = Date.parse(d);

// Converting to date object
let date = new Date(parse);

// Display output
console.log(date); 

2019-05-01T00:00:00.000Z

Method 4: Using Intl.DateTimeFormat() and new Date():

Using Intl.DateTimeFormat() and new Date(), the approach formats the input string using specified options for year, month, and day. It then creates a new Date object from the formatted string, effectively converting the string into a date.

Example: This example formats "May 1, 2019" into a date string, then converts it back to a Date object using Intl.DateTimeFormat() and new Date().

const dateString = "May 1, 2019";
const options = { year: 'numeric', month: 'long', day: 'numeric' };

// Format the input string
const formattedDate = new Intl.DateTimeFormat('en-US', options).format(
    new Date(dateString));

// Create a new Date object from the formatted string
const date = new Date(formattedDate);

console.log(date); 

2019-05-01T00:00:00.000Z

Supported Browsers

• Google Chrome
• Firefox
• Edge
• Opera
• Apple Safari