Skip to content
Related Articles

Related Articles

Improve Article

JavaScript Date getHours() Method

  • Last Updated : 12 Oct, 2021
Geek Week

Below is the example of Date getHours() method. 
 

  • Example: 
     

javascript




<script>
  // Here a date has been assigned
  // while creating Date object
  var A = new Date('October 15, 1996 05:35:32');
 
  // hour from above is being
  // extracted using getHours()
  var B = A.getHours();
 
  // Printing hour.
  document.write(B);
</script>
  • Output: 
     
5

The date.getHours() method is used to return the hours from a given Date object.
Syntax: 
 

DateObject.getHours()

Parameter: This method does not accept any parameter. 
Return values: It returns the Hours for the given Date object. Hours is an integer value ranging from 0 to 23.
More codes for the above method are as follows:
Program 1: If hours is not given, it returns zero (0). It is an exception case. 
 

javascript




<script>
  // Creating a Date object
  var A = new Date('October 12, 1996');
 
  // extracting hours from the date object
  var B = A.getHours();
 
  // Printing hour.
  document.write(B);
</script>

Output: 
 

0

Program 2: Here the date of the month must lie in between 1 to 31 because no date can have month greater than 31. That is why it returns NaN i.e, Not a Number if the month in the Date object is greater than 31. Hours will not have existed when the date of the month given as 33 i.e, greater than 31. 
 



javascript




<script>
  // Creating a Date object
  var A = new Date('October 35, 1996 12:35:32');
 
  var B = A.getHours();
 
  // Printing hour.
  document.write(B);
</script>

Output: 
 

NaN

Program 3: If nothing as parameter is given, it returns present hours. 
 

javascript




<script>
  // Creating a Date object
  var A = new Date();
 
  var B = A.getHours();
 
  // Printing present hour.
  document.write(B);
</script>

Output: 
 

15

Supported Browsers: The browsers supported by JavaScript Date getHours() method are listed below: 
 

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Internet Explorer 3 and above
  • Opera 3 and above
  • Safari 1 and above

 

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it’s lowest price ever!




My Personal Notes arrow_drop_up
Recommended Articles
Page :