Questions: How do I check the current date and time in JavaScript? What’s the way to format the date as YYYY-MM-DD in JavaScript? How can I display the time as H:i:s in JavaScript?

Advertisement

Knowing the current date and time is essential in many aspects of daily life, and JavaScript can help you with this. The Date object in JavaScript allows you to access the current date and time, but it usually shows the time based on your computer’s settings, not the global standard time. To get more precise timings, you might need to use specific JavaScript tools. Additionally, JavaScript lets you format the date and time in popular formats like YYYY-MM-DD for date and HH:MM:SS for time.

This guide will simplify how you can get and format the current date and time in JavaScript using clear examples.

Getting Current Date & Time in JavaScript

Use the Date() function to create an object in JavaScript with the current date and time. This provides output in the UTC timezone.


var today = new Date();   

1. Current Date in JavaScript

Use the following script to get the current date using JavaScript in “Y-m-d” format.


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

  • getFullYear() – Provides current year like 2022.
  • getMonth() – Provides current month values 0-11. Where 0 for Jan and 11 for Dec. So added +1 to get the result.
  • getDate() – Provides day of the month values 1-31.

2. Current Time in JavaScript

Use the following script to get the current time using JavaScript in “H:i:s” format.


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

  • getHours() – Provides current hour between 0-23.
  • getMinutes() – Provides current minutes between 0-59.
  • getSeconds() – Provides current seconds between 0-59.

3. Current Date & Time Both in JavaScript

Use the following script to get the current date and time using JavaScript in the “Y-m-d H:i:s” format. You can simply combine the output of the above JavaScript code in one variable as below:


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;

console.log(dateTime)

Output
2024-4-18 9:24:46

Conclusion

By following the examples above, you can easily retrieve and format the current date and time in JavaScript. This allows you to use these timestamps effectively in your projects or daily tasks, ensuring that you have precise control over how dates and times are presented and utilized in your scripts.

Share.

32 Comments

  1. ok but how can i get this dynamicl i mean to change this value on the website second by seconds.. need i use a API? 🙁

    • Muhammad Bilal Mohib-ul-Nabi on

      Works well and update on page refresh or if you have used a button to display it like
      Time

      function showTime()
      {
      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;
      var show=document.getElementById(“show”);
      show.innerHTML=input;
      }

      //Now if you will click the button time will update

  2. var date = new Date().toJSON().slice(0,10);
    var time = new Date().toJSON().slice(11,19)
    var dateTime = date+’ ‘+time;

  3. This way when the minute is < 10 it will be displayed as e.g. '10:03' and not '10:3'
    if(today.getMinutes() < 10){
    var time = today.getHours() + ':0' + today.getMinutes();
    }
    enjoy..

Leave A Reply


Exit mobile version