JavaScript Date setHours() Method
Last Updated :
23 Jul, 2024
The 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)
Parameters
- 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.
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
- Firefox 1 and above
- Internet Explorer 3 and above
- Opera 3 and above
- Safari 1 and above
Similar Reads
JavaScript Date() Constructor JavaScript Date constructor is used to create a new Date object. The value returned will be different on the basis of whether the object is called with or without the new keyword. If we call the object new keyword a Date object is created otherwise a string representing the current dat-time is retur
3 min read
JavaScript Date constructor Property JavaScript Date constructor property returns the constructor function for an object. It is an ES1 feature and is supported by all browsers. The function which is returned by this property is just the reference to this function, not a date containing the function’s name. The JavaScript date construct
2 min read
JavaScript Date now() Method The Date.now() method in JavaScript returns the current timestamp in milliseconds since January 1, 1970. This method doesn’t require creating a new date object, making it one of the fastest and most efficient ways to capture the current time in your code.Syntaxlet curr_date = Date.now();ParametersTh
2 min read
JavaScript Date parse() Method The JavaScript Date parse() method parses a date string and returns the number of milliseconds between the date string and midnight of January 1, 1970, UTC. If the argument is an invalid date string, it returns NaN (Not a Number).Syntax:Date.parse(datestring);Parameters:This method accepts a single
3 min read
JavaScript Date UTC() Method In JavaScript, the Date.UTC() method is used to create a date object representing a specified date and time in UTC (Coordinated Universal Time). It accepts the year, month, day, hour, minute, second, and millisecond components of the date and returns the number of milliseconds since January 1, 1970,
4 min read
JavaScript Date getDate() Method The JavaScript getDate() method returns the day of the month (from 1 to 31) for a specified date according to local time. It's used with the Date object to extract and work with the day component of a date.Syntax:DateObj.getDate()Parameters:This method does not take any parameters.Return Value:Retur
4 min read
JavaScript Date getDay() Method JavaScript Date getDay() Method is used to fetch the day of a week(0 to 6) from a given Date object.Syntax:DateObj.getDay()Parameters:This method does not accept any parameters.Return Values:It returns the day of the week for the given date. The day of the week will be returned in the form of an int
3 min read
JavaScript Date getFullYear() Method The JavaScript Date getFullYear() Method is used to fetch the year from a given Date object.Syntax:DateObj.getFullYear()Parameters:This function does not accept any parameters.Return Values:It returns the year for the given date.Example 1: This example shows the use of Date getFullYear() Method.java
3 min read
JavaScript Date getHours() Method The Javascript date.getHours() method is used to return the hours from a given Date object according to the local time (a value ranging from 0 to 23).Syntax:DateObject.getHours()Parameters:This method does not accept any parameter. Return values: It returns the Hours for the given Date object. Hours
3 min read
JavaScript Date getMilliseconds() Method The date.getMilliseconds() method is used to fetch the milliseconds from a given Date object. Syntax: DateObj.getMilliseconds() Parameter: This function does not accept any parameter. Return values: It returns the millisecond for the given date object. Milliseconds is an integer value ranging from 0
3 min read