How to Convert a Date String into a Human-Readable Format

This article aims to quickly solve the problem of JavaScript date string formatting, especially for date data obtained from the API. Although there are many methods, such as using the Moment.js library, this article will introduce a simple and efficient common method to implement the legibility conversion of date strings.

ISO 8601 date format is very common. "Z" means that the time adopts the UTC standard, that is, it does not contain time zone information. For example: 2020-05-25T04:00:00Z.

Convert the above ISO 8601 format string to a more readable format, for example, May 25, 2020 , the following code can be used:

 const dateString = '2020-05-14T04:00:00Z';

const formatDate = (dateString) => {
  const options = { year: 'numeric', month: 'long', day: 'numeric' };
  return new Date(dateString).toLocaleDateString(undefined, options);
};

Detailed code explanation:

First, the options object specifies the expected output format. year: 'numeric' , month: 'long' , day: 'numeric' respectively represent the year as a number, month as a full name, and date as a number. You can modify these options as needed to get different formats.

 const options = { year: 'numeric', month: 'long', day: 'numeric' };

Next, new Date(dateString) creates a Date object representing a specific point in time.

 return new Date(dateString);

Finally, .toLocaleDateString(undefined, options) method applies the formatting option.

 return new Date(dateString).toLocaleDateString(undefined, options);

undefined means using the default locale. You can replace it with a specific locale code (e.g., 'en-US' stands for the United States, 'de-DE' stands for Germany, etc.) to suit different languages ​​and regions. Many npm packages provide a more comprehensive list of locale codes.

Hope this article helps you quickly resolve date formatting issues!

The above is the detailed content of How to Convert a Date String into a Human-Readable Format. For more information, please follow other related articles on the PHP Chinese website!