Скачать или смотреть How to Easily Convert a DateTime in JavaScript: From "2020-12-14

Discover how to convert a `DateTime` string like "2020-12-14 16:07:09" to a simple format "9 Jan 2020" using JavaScript in this easy-to-follow guide!
---
This video is based on the question https://stackoverflow.com/q/65303204/ asked by the user 'Bilal' ( https://stackoverflow.com/u/12575953/ ) and on the answer https://stackoverflow.com/a/65303564/ provided by the user 'Shadman' ( https://stackoverflow.com/u/14756051/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How to convert datetime "2020-12-14 16:07:09" to "9 Jan 2020 " in javascript?

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Easily Convert a DateTime in JavaScript: From "2020-12-14 16:07:09" to "9 Jan 2020"

Date and time manipulation can often be a challenge for developers, especially when formatting strings. In this guide, we’ll tackle a common problem: converting a DateTime string such as "2020-12-14 16:07:09" into a more readable format like "9 Jan 2020". Whether you're a seasoned JavaScript developer or just starting out, this guide will walk you through the steps to achieve this.

Understanding the Problem

The task involves converting a specific date and time format into a simpler, human-readable format. The original DateTime string includes both the date and the time, which we want to discard while retaining the relevant date information.

Step-by-Step Solution

We will break the process down into manageable steps, making it easier to comprehend.

1. Parse the DateTime String

First, we need to create a Date object from the provided string:

[[See Video to Reveal this Text or Code Snippet]]

This code snippet converts the string into a Date object that JavaScript can work with.

2. Extract Components of the Date

Once we have our Date object, we can easily extract the specific components we need:

Day

Month

Year

Here's how you can do it:

[[See Video to Reveal this Text or Code Snippet]]

3. Map the Month Number to the Month Name

Months in JavaScript are indexed from 0 (January) to 11 (December). To convert the month index to a readable format, we can create an array of month names:

[[See Video to Reveal this Text or Code Snippet]]

4. Format the Final Output

Now that we have the day, the month name, and the year, we can format them into the desired string:

[[See Video to Reveal this Text or Code Snippet]]

5. Handling Different Date Formats

If you want to display the month in a different format (for example, "January" instead of "Jan"), you can easily modify the months array accordingly:

[[See Video to Reveal this Text or Code Snippet]]

Replace the array in step 3 with your preferred format.

Conclusion

And there you have it! Converting a DateTime string to a friendlier format in JavaScript can be achieved with just a few lines of code. This simple method enables you to reflect dates in a way that is more user-friendly and easier to understand. Whether you are displaying dates for logs, reports, or user interfaces, this knowledge can greatly enhance your application’s usability.

By following this guide, you can now confidently format DateTime strings in JavaScript as per your requirements.