Add Hours to a Date in JavaScript or Node.js

Working with dates is a common task in application development. You may provide ways to adjust dates and timestamps in your app. One of these tasks may be adding hours to a date in JavaScript. For example, you may allow users to tell your app to „remind me in 1 hour“ or „remind in 8 hours“ of something.

This tutorial shows you how to add hours do a date in JavaScript!

Node.js Series Overview

  1. String Replace All Appearances
  2. Remove All Whitespace From a String in JavaScript
  3. Generate a Random ID or String in Node.js or JavaScript
  4. Remove Extra Spaces From a String in JavaScript or Node.js
  5. Remove Numbers From a String in JavaScript or Node.js
  6. Get the Part Before a Character in a String in JavaScript or Node.js
  7. Get the Part After a Character in a String in JavaScript or Node.js
  8. How to Check if a Value is a String in JavaScript or Node.js
  9. Check If a String Includes All Strings in JavaScript/Node.js/TypeScript
  10. Check if a Value is a String in JavaScript and Node.js
  11. Limit and Truncate a String to a Given Length in JavaScript and Node.js
  12. Split a String into a List of Characters in JavaScript and Node.js
  13. How to Generage a UUID in Node.js
  14. Reverse a String in JavaScript or Node.js
  15. Split a String into a List of Lines in JavaScript or Node.js
  16. Split a String into a List of Words in JavaScript or Node.js
  17. Detect if a String is in camelCase Format in Javascript or Node.js
  18. Check If a String Is in Lowercase in JavaScript or Node.js
  19. Check If a String is in Uppercase in JavaScript or Node.js
  20. Get the Part After First Occurrence in a String in JavaScript or Node.js
  21. Get the Part Before First Occurrence in a String in JavaScript or Node.js
  22. Get the Part Before Last Occurrence in a String in JavaScript or Node.js
  23. Get the Part After Last Occurrence in a String in JavaScript or Node.js
  24. How to Count Words in a File
  25. How to Shuffle the Characters of a String in JavaScript or Node.js
  26. Append Characters or Words to a String in JavaScript or Node.js
  27. Check if a String is Empty in JavaScript or Node.js
  28. Ensure a String Ends with a Given Character in JavaScript or Node.js
  29. Left-Trim Characters Off a String in JavaScript or Node.js
  30. Right-Trim Characters Off a String in JavaScript or Node.js
  31. Lowercase the First Character of a String in JavaScript or Node.js
  32. Uppercase the First Character of a String in JavaScript or Node.js
  33. Prepend Characters or Words to a String in JavaScript or Node.js
  34. Check if a String is a Number
  35. Convert a String to Buffer
  36. Prevent Line Breaks in String Template Literals
  37. How to Implement a Custom `toString` Method (Coming soon)
  38. What Is `Symbol.toStringTag` and How to Use It (Coming soon)

Adding Hours to a Date in JavaScript

JavaScript natively comes with a Date type and provides lots of useful methods to interact with dates. The two methods of interest when interacting with hours are Date#setHours and Date#getHours.

The getHours returns the current number of hours of a given date. And the setHours method changes the hour of a given date instance.

The nice thing here is that JavaScript takes care of changing the day/month/year in case the added hours shift something of that.

Here's a sample function adding a given number of hours to a date:

/**
 * Returns a date instance with added `hours` of delay.
 *
 * @param {Number} hours - the number of hours to add
 * @param {Date|undefined} date
 *
 * @returns {Date}
 */
function addHours (hours, date = new Date()) {  
  if (typeof hours !== 'number') {
    throw new Error('Invalid "hours" argument')
  }

  if (!(date instanceof Date)) {
    throw new Error('Invalid "date" argument')
  }

  date.setHours(date.getHours() + hours)

  return date
}

Please notice, the sample addHours function from above supports a second, optional date argument which defaults to “now”. You may remove the “now” default or use a different in your application.

Here’s how you can use the addHours utility function. The last example adds five hours to New Year’s eve which requires an hour, day, and year switch and JavaScript handles all that for us:

addHours(1)  
// Tue Nov 15 2022 08:19:17 GMT+0100

addHours(4)  
// Tue Nov 15 2022 11:19:17 GMT+0100

addHours(5, new Date('2022-12-31 22:00'))  
// Sun Jan 01 2023 03:00:00 GMT+0100

Enjoy!


Mentioned Resources

Explore the Library

Find interesting tutorials and solutions for your problems.