Display Current Date and Time in HTML using JavaScript

Before we go through the tutorial of Display Current Date and Time in HTML using JavaScript, we have to know the brief of JavaScript and Date method in JS.

Scroll to bottom, to check live view

Introduction

JavaScript is light-weight a client-side scripting language used to build client-side validations and much more. Today we use it for display the current date and time in the HTML input box.

We use JavaScript Date object to get current date and time.

Display Current Date and Time in HTML using Javascript

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 visitors current time and date to store on database also.

Use Get Method to Display Current Date in JavaScript

Use the below source code to display the current date in the HTML input box using JavaScript in the “Y-m-d” format.

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.

Use Get Method to Display Current Time in JavaScript

We use same get method to display current time and also display it on the HTML text box.
Format “H:i:s

Explanation:

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

Display Both Current Date and Time in HTML using JavaScript

See the Pen Get Current Date and Time Using JS by Bikash Panda (@phpcodertech) on CodePen.

Above is the complete explanation of source code of Display Current Date and Time in HTML using JavaScript.

Also Check:

Happy Coding..!

Was this article helpful?
YesNo
My name is Bikash Kr. Panda. I own and operate PHPCODER.TECH. I am a web Programmer by profession and working on more than 50 projects to date. Currently I am working on the web-based project and all the CMS and frameworks which are based on PHP.
Posts created 188

7 thoughts on “Display Current Date and Time in HTML using JavaScript

  1. Hello

    I am trying to create time blocks to text.
    For example time 09:00 – 10:00 second lesson hour buzy and so on and after an specific time the text there are no lessons anymore.
    I reciept an html line, but it isnt working and i can not create anything.

    let text = “test”;
    let i = 0;
    while (i < 10) { var d = new Date(); var n = d.toLocaleTimeString(); i++; // na dit uur, voor dit uur document.getElementById("demo").innerHTML = n; } Can someone help me?

Leave a Reply

Your email address will not be published.

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top