CODESCRACKER

JavaScript Date() Constructor

The JavaScript Date() constructor is either used to create an instance of Date or to get a string representing the current date and time. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
   
   <p id="xyz"></p>
   <p id="abc"></p>

   <script>
      const d = new Date();
      
      document.getElementById("xyz").innerHTML = d;
      document.getElementById("abc").innerHTML = d.toLocaleString();
   </script>

</body>
</html>
Output

Please note: A constructor is used to create an object, whereas a method is used to execute a block of statements.

JavaScript Date() syntax

The syntax of the Date() constructor in JavaScript is:

new Date()

where the new keyword is used to create an instance of the object.

However, we can also define value, DateString, or DateObject while creating an instance of the Date() constructor. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
   
   <p id="res"></p>

   <script>
      const d = new Date("September 16, 2022, 08:59:00");
      document.getElementById("res").innerHTML = d;
   </script>

</body>
</html>
Output

Also we can define year, month (by index number from 0 to 11), day, hours, minutes, seconds, and milliseconds while creating an instance of the Date() constructor. Keep the following points in mind while using these parameters to in Date() constructor:

Please note: The last four parameters, which are hours, minutes, seconds, and milliseconds, are optional. The default value of day is 1, whereas the default value of the other three parameters is 0. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
   
   <p>With only Required Parameters: <span id="resOne"></span></p>
   <p>With Required and an Optional Parameter: <span id="resTwo"></span></p>

   <script>
      const dOne = new Date(2022, 8);
      document.getElementById("resOne").innerHTML = dOne;

      const dTwo = new Date(2022, 8, 16);
      document.getElementById("resTwo").innerHTML = dTwo;
   </script>

</body>
</html>
Output

With only Required Parameters:

With Required and an Optional Parameter:

JavaScript Online Test

« Previous Tutorial Next Tutorial »

Liked this post? Share it!