Скачать или смотреть How to Display a Date Without GMT Using JavaScript's new Date() Function

Learn how to format a date using JavaScript's `new Date()` function to avoid displaying GMT on your website. Get step-by-step guidance to implement this feature effectively.
---
This video is based on the question https://stackoverflow.com/q/65566293/ asked by the user 'user14934221' ( https://stackoverflow.com/u/14934221/ ) and on the answer https://stackoverflow.com/a/65566374/ provided by the user 'Randy Casburn' ( https://stackoverflow.com/u/9078341/ ) 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 can I use the new Date feature in javascript to not display the GMT on my website?

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 Display a Date Without GMT Using JavaScript's new Date() Function

In the world of web development, handling dates can often be a tricky endeavor. You may find yourself needing to show a specific date on your website, yet want to avoid displaying the default GMT time notation. That's a common issue many developers face. In this guide, we will explore how to format a date using JavaScript's new Date() function and display it cleanly on your webpage.

The Problem

Imagine you want your website to showcase the date December 23, 2020, but when you use the new Date() function, it also includes unwanted GMT time context. This can clutter your page and detract from your HTML layout. The question becomes: how can you display just the date without the GMT?

Let’s dive into a solution that will help you format the date as you wish.

The Solution: Using .toLocaleDateString()

To achieve the desired output, we can utilize JavaScript's built-in method called .toLocaleDateString(). This method allows you to customize the output of the date in various formats while excluding the GMT information.

Step-by-Step Implementation

Create a Date Object:
First, we declare and initialize a new Date object with the specific date we want to display.

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

Format the Date:
Next, we will apply the .toLocaleDateString() method on our createdDate object. This method will let us format the output to our preference. Here's how you can set it to show the year, month, and day:

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

Display the Date:
Now, we simply need to insert the formatted date into an HTML element on your page, such as a span.

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

Complete Code Example

Here’s the full example incorporating all the steps:

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

Result

With the code implemented, your webpage will now display:

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

Without any GMT information!

Conclusion

Using JavaScript's new Date() function along with the .toLocaleDateString() method provides a clean and straightforward solution for displaying dates without the unnecessary GMT details. This approach not only enhances the readability of your website but also gives you more control over how dates are presented to your users.

Don't let the intricacies of date handling in JavaScript deter you; with this simple example, you're well on your way to creating a cleaner, more user-friendly interface. Happy coding!