Before we start the tutorial on How to Get Current Date and Time In JavaScript, we have to know the brief of JavaScript and Date method in JS.
Scroll to bottom, to check live view
Introduction
JavaScript is lightweight a client-side scripting language used to build client-side validations and much more. Today we use it to display current time in JavaScript in the HTML input box.
We use JavaScript Date object to get current time.
Also Read: Migrate WordPress Site To New Host Manually
Creating JS Date Object
JavaScript date object help to getting the current date and time which we also used for getting the visitor’s current time and date to store on the database also.
|
1 2 3 |
<script> var today = new Date(); </script> |
Get Current Date in JavaScript
By using the below source code we get current date in JavaScript in the HTML input box, with year-month-date “Y-m-d” format.
|
1 2 3 4 5 6 7 8 |
Current Date: <input type="text" id="currentDate"> <script> var today = new Date(); var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate(); document.getElementById("currentDate").value = date; </script> |
Explanation:
- getFullYear() – Get current year like 2020.
- getMonth() – Get current month values 0-11. Where 0 for Jan and 11 for Dec. So added +1 to get result.
- getDate() – Get day of the month values 1-31.
Get Current Time in JavaScript
We use JS get method to get current time in JavaScript and also display it on the HTML text box.
Format “H:i:s“
|
1 2 3 4 5 6 7 8 |
Current Time: <input type="text" id="currentTime"> <script> var today = new Date(); var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); document.getElementById("currentTime").value = time; </script> |
Explanation:
- getHours() – Get current hour between 0-23.
- getMinutes() – Get current minutes between 0-59.
- getSeconds() – Get current seconds between 0-59.
Get Current Date and Current Time in JavaScript
See the Pen Get Current Date and Time Using JS by Bikash Panda (@phpcodertech) on CodePen.
Above is the complete explanation of the source code, you can copy and paste it to work the same as shown in live on your project.
Also Check:
- How JavaScript For Loop Works (Complete Guide With Example)
- Create Repository & Push Code To GitHub First Time
- Set-up Firebase Project using Firebase Console
Happy Coding..!
Set PHP Error Reporting Into The PHP File
5 Replies to “How to Get Current Date and Time In JavaScript”