Skip to main content

How to Add Days to a Date in JavaScript

Adding a specific number of days to a date is a fundamental operation in programming, essential for calculating future dates, setting expirations, or performing date-based arithmetic. JavaScript's Date object makes this task simple and reliable, as long as you understand one crucial best practice: avoiding mutation.

This guide will teach you the modern, standard method for adding days to a Date object in a non-destructive way. You will learn how to create a single, reusable function that correctly handles month and year rollovers.

The Core Logic: setDate() and Date Rollover​

The key to date arithmetic in JavaScript is the Date.prototype.setDate() method. It modifies a Date object by setting the day of the month. Its most powerful feature is that it automatically handles "date rollover."

For example, if you have a Date object for January 31st and you set its day to 32 (31 + 1), the Date object will intelligently roll over to become February 1st. This works for months and years, both forwards and backwards.

The Non-Mutating Approach (Best Practice)​

A critical behavior of setDate() is that it mutates (changes) the original Date object it's called on. This can lead to subtle and frustrating bugs if the same Date object is used elsewhere in your application.

The Problem with Mutation​

function addOneDay(date) {
  date.setDate(date.getDate() + 1); // This changes the original date!
  return date;
}

const today = new Date('2025-10-15');
const tomorrow = addOneDay(today);

// Because `today` was mutated, it no longer holds the correct original value.
console.log(today.toDateString());    // Output: "Thu Oct 16 2025" (This is wrong!)
console.log(tomorrow.toDateString()); // Output: "Thu Oct 16 2025"

Solution: Clone the Date First​

The professional and safe approach is to always clone the date before you modify it. This ensures the original Date object remains unchanged.

function addOneDay(date) {
  // Create a clone of the date to avoid mutating the original.
  const dateCopy = new Date(date.getTime());
  
  dateCopy.setDate(dateCopy.getDate() + 1);
  return dateCopy;
}

const today = new Date('2025-10-15');
const tomorrow = addOneDay(today);

// The original `today` object is now safe and unchanged.
console.log(today.toDateString());    // Output: "Wed Oct 15 2025" (Correct!)
console.log(tomorrow.toDateString()); // Output: "Thu Oct 16 2025"

The Reusable addDays Function​

By encapsulating this non-mutating logic into a reusable function that accepts the number of days to add, you can create a powerful and reliable utility.

/**
 * Adds a specified number of days to a given date.
 * @param {Date} date The date to which days will be added.
 * @param {number} days The number of days to add (can be negative).
 * @returns {Date} A new Date object representing the calculated date.
 */
function addDays(date, days) {
  const dateCopy = new Date(date.getTime());
  dateCopy.setDate(dateCopy.getDate() + days);
  return dateCopy;
}

Practical Examples​

With our addDays function, solving various date arithmetic problems becomes simple and readable.

Example 1: Get Tomorrow's Date​

const today = new Date();
const tomorrow = addDays(today, 1);

console.log('Tomorrow will be:', tomorrow.toDateString());

Example 2: Get the Date a Week From Now​

const today = new Date();
const nextWeek = addDays(today, 7);

console.log('A week from now will be:', nextWeek.toDateString());

Example 3: Get Yesterday's Date (using a negative number)​

const today = new Date();
const yesterday = addDays(today, -1);

console.log('Yesterday was:', yesterday.toDateString());

Conclusion​

Adding days to a Date object is a straightforward task if you follow one critical best practice.

  • The core logic is to use the date.setDate(date.getDate() + days) pattern, which automatically handles month and year rollovers.
  • Always clone the Date object before modifying it (new Date(date.getTime())) to prevent bugs caused by mutation. This is the most important rule.
  • Encapsulate this logic in a reusable addDays(date, days) function for clean, maintainable, and error-free code.

Table of Contents