Add 5 days to the current date using JavaScript

Question

I am trying to add 5 days to today's date using JavaScript. I am also trying to add this function into a button so that the result comes in an alert box when I click it, not as soon as I open the page.

I am new to JavaScript and trying very hard to learn.

Any help? Thanks!

Have you looked at http://stackoverflow.com/questions/3818193/how-to-add-number-of-days-to-todays-date ? — Garrett Hyde, Apr 09 '13 at 19:45

Artyom Neustroev · Answer 1 · 2013-04-09T19:32:15.750

9

Declare a Date variable (it will be set to current date/time):

var dt = new Date();

Add 5 days:

dt.setDate(dt.getDate() + 5);

Put all the above in your click handler function. Something like:

document.getElementById('dateBtn').onclick = function () {
   var dt = new Date();
   dt.setDate(dt.getDate() + 5);
   alert(dt);
};

FIDDLE EXAMPLE

edited Apr 09 '13 at 19:32

answered Apr 09 '13 at 19:26

Artyom Neustroev

8,627
5
33
57

How do we incorporate edge cases? Like adding 5 days to Aug 30 should be September 5 if adding 6 days? – AutoMate Jul 15 '20 at 18:57
@Gauzdx I am not sure I understood your question, JavaScript Date engine should take care of days in months, gap years and all this kind of stuff. Is there some specific code you are testing that gives you unexpected results? – Artyom Neustroev Aug 11 '20 at 12:01

score 4 · Answer 2 · edited Apr 09 '13 at 19:29

4

var date = new Date();          // Get current Date

date.setDate(date.getDate()+5); // add 5 days to the current date

For more information see Date.

edited Apr 09 '13 at 19:29

Zeta

103,620
13
194
236

answered Apr 09 '13 at 19:27

user1549458

96
3

*"Hope it works"* isn't a good final statement for an answer. – Zeta Apr 09 '13 at 19:28

score 1 · Answer 3 · answered Apr 09 '13 at 19:29

1

Might be overkill but moment.js could be useful to you.

answered Apr 09 '13 at 19:29

Bryce

106
6

1

That's a pretty big overkill, as OP is new to JavaScript. – Zeta Apr 09 '13 at 19:31
1

Agreed, just wanted to give the OP the option. – Bryce Apr 09 '13 at 19:36

score 1 · Answer 4 · edited Sep 21 '15 at 06:56

1

create a Date instance five days:

var fiveDaysLater = new Date( AnyYourDate.getTime() );
fiveDaysLater.setDate(fiveDaysLater.getDate() + 5);

edited Sep 21 '15 at 06:56

Anik Islam Abhi

25,137
8
58
80

answered Apr 09 '13 at 19:32

score 1 · Answer 5 · answered Apr 09 '13 at 19:55

1

JavaScript stores dates and times in milliseconds. So, add 5 days worth:

var fiveDaysLater = new Date(0,0,0,0,0,0,Date.now() + 5 * 24 * 60 * 60 * 1000);

Date.now() returns a value in milliseconds. The date constructor (new Date) then makes a new Date object (hence the keyword new) using this value, plus the five days of milliseconds, and initializes the variable fiveDaysLater.

answered Apr 09 '13 at 19:55

HardScale

971
1
7
18

var d = new Date(); d.setTime(d.getTime+(5*86400000)) – ashishkumar148 Apr 22 '15 at 07:46

Add 5 days to the current date using JavaScript

5 Answers5