JavaScript getDate(): Find Day of the Month (1-31)

The JavaScript getDate() method is used when we need to get the day of the month, which will be from 1 to 31. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>

   <p id="xyz"></p>

   <script>
      const d = new Date();
      let day = d.getDate();
      document.getElementById("xyz").innerHTML = day;
   </script>
	
</body>
</html>
Output

A constant variable named d is declared with the const keyword and given a fresh instance of the Date object. The time and date are represented by this object.

To obtain the day of the month as a number, the d object's getDate() method is used. The variable day contains this value.

The paragraph element with the id attribute "xyz" is chosen using the document.getElementById() method. The selected paragraph element's innerHTML property is lastly set to the value of day, which is the day of the month.

JavaScript getDate() syntax

The syntax of the getDate() method in JavaScript is:

x.getDate()

The x refers to an object of the Date() constructor.

The getDate() method returns a number from 1 to 31.

Get the Current Day of the Month in JavaScript

The following code is created to find and print the current day of the month using JavaScript.

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

   <script>
      const d = new Date();
      let day = d.getDate();
      document.getElementById("res").innerHTML = day;
   </script>

</body>
</html>
Output

Current Date:

This example consists of an HTML document with the paragraph element "Current Date:" and the id attribute "res" on a span element. The current day of the month is obtained as a number by the JavaScript code contained within the "script" tags by creating a new instance of the "Date" object and using its getDate() method.

The span element with the id attribute set to "res" is chosen using the document.getElementById() method. The selected span element's innerHTML property is lastly set to the value of day, which is the day of the month.

Please note: To display the date in the format dd-mm-yyyy, refer to its separate example.

Please note: To display time in the format hh:mm:ss, refer to its separate example.

Please note: To display time in the format hh:mm:ss AM/PM, refer to its separate example.

JavaScript Online Test


« Previous Tutorial Next Tutorial »


Liked this post? Share it!