Question – How do I get the current date and time in JavaScript? How to get the date in Y-m-d format in JavaScript? How do I get time in H:i:s format in JavaScript?
Time is an important part of our life and we cannot avoid it. In our daily routine, we need to know the current date or time frequently. JavaScript provides a global variable Date which helps you to get the current Date & Time in JavaScript. However, it won’t give you accurate information and rather return the local computer time instead of UTC time. To get accurate Date & Time in JavaScript, you need to use different APIs provided by JavaScript itself. You can also get the date and time in your formats like YYYY-MM-DD and HH:MM:SS formats.
This article explains all about getting the current Date & Time in JavaScript with examples and best practices.
Get 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.
1 | 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.
1 2 | 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.
1 2 | 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:
1 2 3 4 5 6 | 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) |
Output2022-8-4 11:0:38
32 Comments
You’re grandpa rather.. new JS is not allowed use var, today we use let or const !!!!!
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? 🙁
Actually No.
You can update date & time with setTimeout() method every secound.
Thanks
Thanks for sharing, works veery well but how do i make the time count automatically without having to refresh
thanks
i want to put the time hrs mins in a graphs x axis.. how do i do it
IRAM SANEGO:
Try Chartjs
useful
How to get ddmmyyhhmmss?
Never mind. I figured it out. Thanks to all of you !!
How to get Day, not in value like actual day Mon, Tues from Date object?
C00L
Works, but doesn’t update (time doesn’t change)
Also how can time be expressed in 12 hour, AM PM format?
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
var date = new Date().toJSON().slice(0,10);
var time = new Date().toJSON().slice(11,19)
var dateTime = date+’ ‘+time;
new Date().toJSON().slice(0,10)
This was very clear and helped me a lot. Much appreciated.
Also, you can use String(today.getMinutes()).padStart(2, ‘0’);
Thank you Sir!
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..
Hi Filip~ Where do I insert this additional code?
Thanks. Linda (coding newbie)
There is just one issue when printing a time < 10. e.g. '11:3' instead of '11:03'.
Thaks
thanks
Very informative. Thanks to share knowledge with us
Nice explanation
how to display the am and pm of the time in your time code?
var currentTime= new Date().toLocaleTimeString();
Very Helpful. Thanks!
thnx
This helped me. Thanks!