JavaScript is a programming language or scripting that enables you to execute complex attributes on web pages. Every time a web page does more than only sit there and show static information for you to see. It shows timely content updates, animated 2D/3D graphics, interactive maps, scrolling video jukeboxes, etc. “How To Convert a Date string to ISO format using JavaScript” is a fairly common problem that any programmer will face. So, what are our alternatives? Everything will be made clear to you in this article. Read on it.

How To Convert a Date string to ISO format using JavaScript

Method 1: Utilize the toISOString()

You can utilize the toISOString() or the date.toISOString() to convert a Date string to ISO format using JavaScript.

Syntax:

dateObj.toISOString()

Let’s follow these steps:

The date string need to be passed to the Date() constructor. Then you need to call the toISOString() method on the Date object. An ISO 8601 formatted string that represents the given date will be returned by the toISOString.

Look at the following code:

const dateString = '2022-05-18';
const date = new Date(dateString);
const iso = date.toISOString();
console.log(iso); // "2022-05-18T00:00:00.000Z"

In this code, the date string was passed to the Date() constructor to make a Date object. Then the toISOString function on the Date object was called to get the date string in ISO format.

You have two choices if your date string is not formatted in a method that the Date() constructor can understand:

• A date string should be formatted as YYYY-MM-DDTHH:mm:ss.sssZ, for example, 2022-05-18T00:00:00.000Z.
• Format the date string by using YYYY-MM-DD or another format that the Date() constructor can recognize.

For instance, you can just add THH:mm:ss.sssZ as the following if you have a date string formatted as YYYY-MM-DD:

const dateString = '2022-05-18';
const isoStr = dateString + 'T00:00:00.000Z';
console.log(isoStr); // "2022-05-18T00:00:00.000Z"

In the below example, we splitted the string and added leading zeros to the month and date components to obtain a valid ISO string.

// formatted as m/d/yyyy
const dateString = '5/18/2022';

function padTo2Digits(num) {
     return num.toString().padStart(2, '0');
}
const [month, date, year] = dateString.split('/');
const isoStr = `${year}-${padTo2Digits(month)}-${padTo2Digits(date)}T00:00:00.000Z`;
console.log(isoStr); // "2022-05-18T00:00:00.000Z"

In the above example, we split the date string on each forward slash by using the split function. Then we assign the substrings containing the month, date, and year to variables by using array destructuring. If necessary, we use the padTo2Digits method to add a leading zero because the month and date values could be single-digit (less than 10). The output is a valid ISO 8601 string with the following format: YYYY-MM-DDTHH:mm:ss.sssZ.

Method 2: Utilize the Moment.js

Excepting the above solution, there is another solution for you to convert a date string to ISO format using JavaScript.

For this, you can make use of the standard Javascript date feature.

new Date(dateString).toISOString()

Date parsing is, however, quite uneven among browsers, so if you need this to be robust, we will look at parsing using, for instance, Moment.js, as this would allow you to set a format string by which the date should be interpreted like such:

date = moment("12-25-1995", "YYYY-MM-DD"); 
date.format(); //will return an ISO representation of the date

Conclusion

Individual solutions provided in this article are several of the most basic for anyone encountering the problem “How To Convert a Date string to ISO format using JavaScript“. We believe that you can easily handle your problem with these solutions. We have a growing community of people who are usually happy to assist you if you still need assistance or have any questions. Furthermore, we anticipate a more creative day full of new ideas and code.

Read more

→ How to Convert a String to Enum in TypeScript