JavascriptHow-ToBeginner · 3 min read

How to Create Date from String in JavaScript Easily

You can create a date from a string in JavaScript by passing the string to the Date constructor like new Date('2024-06-01'). This converts the string into a Date object representing that date and time.

📐

Syntax

The basic syntax to create a date from a string is:

new Date(dateString): Creates a Date object from the given string.
Date.parse(dateString): Parses the string and returns the timestamp (milliseconds since Jan 1, 1970).

The dateString should be in a format recognized by JavaScript, such as ISO 8601 (YYYY-MM-DD).

javascript

const date = new Date('2024-06-01');
const timestamp = Date.parse('2024-06-01');

💻

Example

This example shows how to create a Date object from a string and print it in a readable format.

javascript

const dateString = '2024-06-01T12:30:00Z';
const date = new Date(dateString);
console.log(date.toString());

Output

Sat Jun 01 2024 08:30:00 GMT-0400 (Eastern Daylight Time)

⚠️

Common Pitfalls

Common mistakes include:

Using date strings in formats not recognized by JavaScript, which can result in Invalid Date.
Ignoring time zones, which can cause unexpected time values.
Passing incomplete date strings that may be interpreted differently in different browsers.

Always use ISO 8601 format (YYYY-MM-DD or YYYY-MM-DDTHH:mm:ssZ) for best results.

javascript

const wrongDate = new Date('06/01/2024'); // May be interpreted differently
const rightDate = new Date('2024-06-01'); // ISO 8601 format
console.log(wrongDate.toString());
console.log(rightDate.toString());

Output

Sat Jun 01 2024 00:00:00 GMT-0400 (Eastern Daylight Time) Sat Jun 01 2024 00:00:00 GMT-0400 (Eastern Daylight Time)

📊

Quick Reference

Use this quick guide when creating dates from strings:

Method	Description	Example
`new Date(string)`	Creates a Date object from a string	`new Date('2024-06-01')`
`Date.parse(string)`	Returns timestamp from a date string	`Date.parse('2024-06-01')`
ISO 8601 format	Recommended string format for dates	`YYYY-MM-DDTHH:mm:ssZ`

✅

Key Takeaways

Use new Date(string) with ISO 8601 format strings to create dates reliably.

Avoid ambiguous date formats like MM/DD/YYYY to prevent inconsistent results.

Remember that time zones affect the resulting Date object when time is included.

Use Date.parse() to get the timestamp from a date string if needed.

Always check for Invalid Date to catch parsing errors early.