How To Get Current Date In Javascript

Introduction

JavaScript is a light-weight programming language used for the World Wide Web. The JavaScript Date object is useful for checking the date and time a visitor arrives at your website.

This guide will walk you through using JavaScript to get the current date and time from a client.

Tutorial on how to get Current Date and Time in JavaScript.

Prerequisites

Familiarity with JavaScript (including creating, saving, and running scripts)

Create the Date Object in JavaScript

The JavaScript Date object helps when working with dates. To create a new object the with current date and time, add the Date variable to your script:

          <script>  var today = new Date();  </script>

Use the Get Method to Show the current Date in JavaScript

If you want to get the date in the YYYY-MM-DD format, edit the date_test.html document, and add the following variable:

          <script>  var today = new Date();  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();  </script>

The second line consist of the following instructions:

today.getFullYear() – Uses the today variable to display the 4-digit year.
today.getMonth()+1 – Displays the numerical month – the +1 converts the month from digital (0-11) to normal.
today.getDate() – Displays the numerical day of the month.

If you prefer a different format, simply change the order of the commands.

Note: There is a dash between each command. This creates a dash between each segment of the date.

Display Hours, Minutes, and Seconds using JavaScript

To show the time in HH:MM:SS format, edit your script to look as follows:

          <script>  var today = new Date();  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();  </script>

today.getHours() – This uses the today variable to display the current hour. This uses a 24-hour clock.
today.getMinutes() – Displays the current minute reading.
today.getSeconds() – Displays the current seconds reading.

a demo of javascript code that gets the current time

Note: There is a colon between each command. This places a colon between each numeric display so that it reads like a clock.

Show the Full Current Date and Time in JavaScript

Combine the two commands to show full date and time in the YYYY-MM-DD and HH:MM:SS formats. Edit your script as follows:

          <script>  var today = new Date();  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();  var dateTime = date+' '+time;  </script>

The final line combines the two other pieces of code. This instructs the system to display the full date next to the full time.

Conclusion

You should now be able to write a simple piece of JavaScript to retrieve the current date and time. This can be useful for creating a timestamp, by linking this script with an action and writing it in to a log file.

Was this article helpful?

Yes No