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