DEV Community

Hugo Di Francesco
Hugo Di Francesco

Posted on • Originally published at on

Add days to a Date in vanilla JavaScript

Despite the JavaScript Date warts, it’s straightforward to add days to a date in JavaScript.

While it would be very easy to reach for moment.js or another date manipulation library (date-fns, luxon, dayjs) to do something as simple as adding days to a Date in JavaScript, writing a short helper function might just be easier.

A utility function that creates a Date copy

function addDays(date, days) {
  const copy = new Date(Number(date))
  copy.setDate(date.getDate() + days)
  return copy

const date = new Date();
const newDate = addDays(date, 10);

Mutating the Date directly

const date = new Date();
date.setDate(date.getDate() + 10);

Gotchas and examples

This actually works as expected, eg. the month rolls over.

const d = new Date('2019-04-14');

const monthRollsOver = addDays(myDate, 31);
// 2019-05-15

Find the live examples at:

Of course if you’re already using a date manipulation library elsewhere in your code, you should leverage that since you’re already paying the download/parse cost.

Wim van 't Einde

Top comments (3)

saigkill profile image
Sascha Manns

Hi Hugo. Thanks for sharing this stuff. I'm everytime interested to see Vanilla stuff.

hugo__df profile image
Hugo Di Francesco

Glad to hear that, I run a JS best-practices etc newsletter at

saigkill profile image
Sascha Manns

Subscribed :-)