A syntactic superset of JavaScript in which static typing has been added, is called TypeScript. This means that TypeScript enhances JavaScript by adding syntax, enabling developers to add types. Because TypeScript is a “Syntactic Superset,” it has some additional syntax on top of JavaScript’s fundamental syntax. In this blog, we will introduce “How to Convert a String to a Date object in TypeScript“. Let’s read it!

What Can We Do To Convert A String To A Date Object In TypeScript?

Approach 1: Utilize the Date()

The simplest approach to convert a string to a date object in Typescript is utilizing method().

Utilize the Date() to convert a string to a Date object in TypeScript, for example const date = new Date(‘2025-02-18’). A valid date string is required as an argument for the Date() constructor, which returns a Date object.

const str = '2025-02-18';
const date = new Date(str);
console.log(date); // Tue Feb 18 2025

If you create a Date object and get an invalid Date, you must correctly format the string before sending it to the Date() constructor.

const str = '02_18_2025';
const date = new Date(str);
console.log(date); // Invalid Date

You can provide two different types of arguments to the Date() constructor if you have trouble constructing a legitimate Date object: A string that is compliant with ISO 8601 should be structured as YYYY-MM-DDTHH:mm:ss.sssZ or just YYYY-MM-DD if you only have a date without a time. The year, month (0 = January to 11 = December), day of the month, hours, minutes, and seconds are all separated by commas.

Look at the following example. This example creates a Date object by splitting a string of the format MM/DD/YYYY (which could be any other format) and passes the values as parameters to the Date() constructor.

const str = '02/18/2025';
const [month, day, year] = str.split('/');
console.log(month); // "02"
console.log(day); // "18"
console.log(year); // "2025"
const date = new Date(+year, +month - 1, +day);
console.log(date); // Tue Feb 18 2025

To obtain the month, day, and year values, you split the string on each forward slash. You utilized the unary plus (+) operator to transform the values into numbers. Note that when you passed the month to the Date() constructor, you deducted 1 from it. The Date constructor requires a zero-based value, with January equal to 0, February equal to 1, March equal to 2, etc.

Approach 2: Utilize the DatePipe()

You can use the date filter, which aids in converting the Date and presents it in a particular format, to convert the String to the Date filter. Let’s look at the example below where the DatePipe method, an Angular method that formats a date value following locale constraints, is utilized. According to the official Angular documentation, DatePipe is only called when the input value has undergone a pure chance. The following technique can be used to format the String as a date.

// format date in typescript 
getFormatedDate(date: Date, format: string) { 
    const datePipe = new DatePipe('en-US'); 
    return datePipe.transform(date, format); 
}

You can manually calculate the date as shown below to change it to the user’s timezone.

// Convert the date to the user timezone
const localDate: Date = this.convertToLocalDate('01/01/2021');

convertToLocalDate(responseDate: any) { 
    try { 
        if (responseDate != null) { 
            if (typeof (responseDate) === 'string') { 
                if (String(responseDate.indexOf('T') >= 0)) { 
                    responseDate = responseDate.split('T')[0]; 
                } 
                if (String(responseDate.indexOf('+') >= 0)) { 
                    responseDate = responseDate.split('+')[0]; } 
            }

            responseDate = new Date(responseDate);
            const newDate = new Date(responseDate.getFullYear(), responseDate.getMonth(), responseDate.getDate(), 0, 0, 0);
            const userTimezoneOffset = newDate.getTimezoneOffset() * 60000;

            const finalDate: Date = new Date(newDate.getTime() - userTimezoneOffset);
            return finalDate > Util.minDateValue ? finalDate : null;
        } else {
            return null;
        }
    } catch (error) {
        return responseDate;
    }
}

Output

2022-01-01T00:00:00.000Z

Approach 3: Utilize the toISOString()

It is better to keep the ISO 8601 form of the date in your database if you need to record a date string.

By utilizing the toISOString() method, you can obtain the date in ISO format. Take a look at the example below:

const str = '02/18/2025 06:28:22';
const [dateComponents, timeComponents] = str.split(' ');
console.log(dateComponents); // "02/18/2025"
console.log(timeComponents); // "06:28:22"
const [month, day, year] = dateComponents.split('/');
const [hours, minutes, seconds] = timeComponents.split(':');
const date = new Date(+year, +month - 1, +day, +hours, +minutes, +seconds);
// Tue Feb 18 2025 06:28:22
console.log(date);
// "2025-02-18T06:28:22.000Z"
console.log(date.toISOString());

The date in ISO 8601 format, corresponding to universal time, is returned as a string by the toISOString method.

The ISO string can simply be supplied to the Date() constructor to generate a new Date object.

Conclusion

 Individual solutions provided in these tools are some of the most fundamental for anyone who is faced with the question “How to Convert a String to a Date object in TypeScript“. If you need more assistances or have basic Python and Anaconda questions, a growing community of people is usually willing to assist you. In addition, we anticipate a more creative day filled with new ideas and code.

Read more

→ How to Convert a String to Enum in TypeScript