Open In App
Related Articles

JavaScript Date setHours() Method

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

JavaScript date.setHours() method is used to set hours into a date object which is created using the Date() constructor.

Syntax:

DateObj.setHours(hours_Value)

Parameter: This method accepts a single parameter as mentioned above and described below:

  • hours_Value: This parameter holds the value of hour which is used to set in the Date() constructor.

Return Value: It returns the new date with the updated hour which is set by the setHours() method.

The below examples illustrate the JavaScript Date setHours() Method:

Note: DateObj is a valid Date object created using the Date() constructor in which we want to set the hours. More codes for the above method are as follows:

Example 1: If in the Date() constructor we do not give an hour while creating the Date object, still setHours() method will set the new hour which is given as its parameter.

javascript

// Here hour has not been assigned
// while creating Date object
let dateobj = new Date('October 13, 1996');
 
// New hour 11 is being set in above Date
// Object with the help of setHours() method
dateobj.setHours(11);
 
// New hour from above Date Object is
// being extracted using getHours()
let B = dateobj.getHours();
 
// Printing new hour
console.log(B);

                    

Output:

11

Example 2: If nothing as a parameter is given in the Date() constructor, still setHours() method set hour but a month, year and date will be a current month, year, and date. Here 11 is the new hour, 2 is the current month i.e March, 30 is the current date and 2018 is the current year.

javascript

// Here nothing has been assigned
// while creating Date object
let dateobj = new Date();
 
// new hour 11 is being set in above Date
// Object with the help of setHours() method
dateobj.setHours(11);
 
// Hour from above Date Object is
// being extracted using getHours()
let B = dateobj.getHours();
 
// Month from above Date Object is
// being extracted using getMonth()
let C = dateobj.getMonth();
 
// Date from above Date Object is
// being extracted using getDate()
let D = dateobj.getDate();
 
// Year from above Date Object is
// being extracted using getFullYear()
let E = dateobj.getFullYear();
 
// Printing new Hour
console.log(B);
 
// Printing current month
console.log(C);
 
// Printing current date
console.log(D);
 
// Printing current year
console.log(E);

                    

Output:

11
2
30
2018

Example 3: If the value of an hour as 26 is given in the parameter of setHours() method, It will set 2 as the hour because the hour range is from 0 to 23 and26%24=2  . Here 2 is the new hour, 9 is the month i.e October, 14 is the date and the year is 1996. Here as we see that 13 was the original date but the output becomes 14 because 26 hours given as the parameter of the method converted to 2 hours of the next day that is why the date incremented by 1 i.e, from 13 to 14.

javascript

// Here nothing has been assigned
// while creating Date object
let dateobj =
new Date('October 13, 1996 05:35:32');
 
// New hour 26 is being set in above Date
// Object with the help of setHours() method
dateobj.setHours(26);
 
// Hour from above Date Object is
// being extracted using getHours()
let B = dateobj.getHours();
 
// Month from above Date Object is
// being extracted using getMonth()
let C = dateobj.getMonth();
 
// Date from above Date Object is
// being extracted using getDate()
let D = dateobj.getDate();
 
// Year from above Date Object is
// being extracted using getFullYear()
let E = dateobj.getFullYear();
 
// Printing new Hour
console.log(B);
 
// Printing month
console.log(C);
 
// Printing date
console.log(D);
 
// Printing year
console.log(E);

                    

Output:

2
9
14
1996

Supported Browsers:

  • 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

We have a complete list of Javascript Date Objects, to check those please go through this Javascript Date Object Complete reference article.



Last Updated : 19 May, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads