JavaScript Date Methods

In this tutorial, we shall learn the JavaScript Date Methods available. Following is a quick list.

  • Getters
    • getDate() returns Date as String Object.
    • getDay() returns Day of the month as Number (1 to 31).
    • getFullYear() returns current year in Full Year format as Number (YYYY – four digit year).
    • getHours() returns number of hours passed for the day in date (0 to 24).
    • getMilliseconds() returns the number of milliseconds passed in the date (0 to 999).
    • getMinutes() returns the number of minutes passed in the date (0 to 59).
    • getMonth() returns the number of month as Number (0 to 11).
    • getSeconds() returns the number of seconds passed in the date as Number (0 to 59).
    • getTime() returns the number of milliseconds passed from (00:00 01-01-1970) till the date as Number.
  • Setters
    • setDate() sets the argument as the Date.
    • setDay() sets the argument (1 to 31) as the day of the month in Date Object.
    • setFullYear() sets the argument (YYYY- four digit) as the year in Date Object.
    • setHours() sets the argument (0 ot 59) as the hours in the Date Object.
    • setMilliseconds() sets the argument (0 to 999) as the number of milliseconds in the Date Object.
    • setMinutes() sets the argument (0 to 59) as the number of minutes in the Date Object.
    • setMonth() sets the argument (0 to 11) as the month in the Date Object.
    • setSeconds() sets the argument (0 to 59) as the number of seconds in the Date Object.
    • setTime() sets the argument (number of milliseconds from 00:00 01-01-1970) as the value of Date Object.

Example for Date get methods

Following example demonstrates the Date() get methods :

<!doctype html>
<html>
<body>
	<h1>JavaScript Date Methods Example</h1>
	<p id="message"></p>

	<script>
	<!-- your JavaScript goes here -->
      var date = new Date();
      
      var msg = "";
      
      // Date
      msg += "Date : ";
      msg += date; msg +="<br><hr>";
      
      msg += "getDate() : ";
      msg += date.getDate(); msg +="<br>";
      
      msg += "getDay() : ";
      msg += date.getDay(); msg +="<br>";
      
      msg += "getFullYear() : ";
      msg += date.getFullYear(); msg +="<br>";
      
      msg += "getHours() : ";
      msg += date.getHours(); msg +="<br>";
      
      msg += "getMilliseconds() : ";
      msg += date.getMilliseconds(); msg +="<br>";
      
      msg += "getMinutes() : ";
      msg += date.getMinutes(); msg +="<br>";
      
      msg += "getMonth() : ";
      msg += date.getMonth(); msg +="<br>";
      
      msg += "getSeconds() : ";
      msg += date.getSeconds(); msg +="<br>";
      
      msg += "getTime() : ";
      msg += date.getTime(); msg +="<br>";
      
      document.getElementById("message").innerHTML = msg;
      
	</script>
	
</body>
</html>
Try Online

Try Online

Example for Date set methods

Following example demonstrates the Date() set methods.

<!doctype html>
<html>
<body>
	<h1>JavaScript Date Methods Example</h1>
	<p id="message"></p>

	<script>
	<!-- your JavaScript goes here -->
      var msg = "";
      
      var date = new Date();
      
      msg += "Date before set methods : ";
      msg += date;
      msg += "<br>";
      
      date.setDate(24);
      date.setFullYear(2020);
      date.setHours(14);
      date.setMilliseconds(556);
      date.setMinutes(41);
      date.setMonth(8);
      date.setSeconds(22);
      
      msg += "Date after set methods : ";
      msg += date;
      msg += "<br>";
      
      date.setTime(1516993680832);
      
      msg += "Date after setTime() : ";
      msg += date;
      msg += "<br>";
      
      document.getElementById("message").innerHTML = msg;
      
	</script>
	
</body>
</html>
Try Online

Try Online

Conclusion

In this JavaScript Tutorial, we have learnt to use Date Object, different methods available for Date Object, with Try Online Examples.