Skip to content
Related Articles

Related Articles

JavaScript Date getHours() Method
  • Last Updated : 29 Jun, 2020

Below is the example of Date getHours() method.

  • Example:




    <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 accpt 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.




<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.




<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.




<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
  • Internet Explorer
  • Mozilla Firefox
  • Opera
  • Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :