How to Convert String to Date in TypeScript ?

In TypeScript, conversion from string to date can be done using the Date object and its method.

We can use various inbuilt methods of Date object like new Date() constructor, Date.parse(), and Date.UTC.

Using new Date()

In this approach, we are using the new Date() constructor in TypeScript to convert a string representation into a Date object. The output Date object represents the date and time parsed from the input string, and it is then printed to the console.

Syntax:

let currentDate: Date = new Date();

Example: The below example uses new Date() to convert string to date in TypeScript.

Javascript

let dStr: string = "2024-02-27";
let res: Date = new Date(dStr);
console.log(res, typeof res);

Output:

2024-02-27T00:00:00.000Z object

Using Date.parse()

In this approach, we are using Date.parse() to convert the string representation of a date into the corresponding timestamp. Then, a new Date object is created using the got timestamp, representing the parsed date and time, and it is printed to the console.

Syntax:

let timestamp: number = 
    Date.parse(dateString);

Example: The below example uses Date.parse() to convert string to date in TypeScript.

Javascript

let dStr: string = "February 27, 2024 ";
let time: number = Date.parse(dStr);
let res: Date = new Date(time);
console.log(res);

Output:

2024-02-26T18:30:00.000Z

Using Date.UTC()

In this approach, we are using Date.UTC() to create a UTC timestamp based on the individual components parsed from the input string. The temp array holds the parsed year, month, and day, and a new Date object (res) is then constructed using Date.UTC(). The output Date object displayes the parsed date in Coordinated Universal Time (UTC).

Syntax:

let timestamp: number = 
    Date.UTC(year, month[, day[, hour[, minute[, second[, millisecond]]]]]); 

Example: The below example uses Date.UTC() to convert string to date in TypeScript.

Javascript

let dStr: string = "2024-02-27";
let temp: number[] =
    dStr.split('-').map(Number);
let res: Date =
    new Date(Date.UTC(temp[0],
    temp[1] - 1, temp[2]));
console.log(res);

Output:

2024-02-27T00:00:00.000Z