How to add weeks to date using javascript?

JavascriptDate Format

Javascript Problem Overview


Javascript definitely isn't my strongest point. I've been attempting this for a couple of hours now and seem to be getting stuck with date formatting somewhere.

I have a form where a user selected a date (dd/mm/yyyy) and then this date will be taken and 2 weeks will be added to it and then date will be copied to another form field.

My latest attempt below isn't even adding a date yet just copying the selected date in one form field to another, if I select '03/02/2012', it outputs 'Fri Mar 02 2012 00:00:00 GMT+0000 (GMT Standard Time)', so its outputting in American format as well as the full date. How to I get it to out put in the same format and add 2 weeks?

function LicenceToOccupy(acceptCompletionDate)
{
	var date1 = new Date(acceptCompletionDate);
	document.frmAccept.acceptLicence.value = date1;

}

Javascript Solutions


Solution 1 - Javascript

You can do this :

let numWeeks = 2;
let now = new Date();
now.setDate(now.getDate() + numWeeks * 7);
alert(now);

You can see the fiddle here.

According to the documentation in MDN

> The setDate() method sets the day of the Date object relative to the beginning of the currently set month.

Solution 2 - Javascript

This might not answer the question per se, but one can find a solution with these formulas.

6.048e+8 = 1 week in milliseconds

Date.now() = Now in milliseconds

Date.now() + 6.048e+8 = 1 week from today

Date.now() + (6.048e+8 * 2) = 2 weeks from today

new Date( Date.now() + (6.048e+8 * 2) ) = Date Object for 2 weeks from today

Solution 3 - Javascript

You're assigning date1 to be a Date object which represents the string you pass it. What you're seeing in the acceptLicense value is the toString() representation of the date object (try alert(date1.toString()) to see this).

To output as you want, you'll have to use string concatenation and the various Date methods.

var formattedDate = date1.getDate() + '/' + (date1.getMonth() + 1) + '/' + date1.getFullYear();

In terms of adding 2 weeks, you should add 14 days to the current date;

date1.setDate(date.getDate() + 14);

... this will automatically handle the month increase etc.

In the end, you'll end up with;

var date1 = new Date(acceptCompletionDate);
date1.setDate(date1.getDate() + 14);
document.frmAccept.acceptLicence.value = date1.getDate() + '/' + (date1.getMonth() + 1) + '/' + date1.getFullYear();

N.B Months in JavaScript are 0-indexed (Jan = 0, Dec = 11), hence the +1 on the month.

Edit: To address your comment, you should construct date as follows instead, as the Date argument is supposed to be "A string representing an RFC2822 or ISO 8601 date." (see here).

var segments = acceptCompletionDate.split("/");
var date1 = new Date(segments[2], segments[1], segments[0]);

Solution 4 - Javascript

var d = new Date("2019-08-01");
d.setDate(d.getDate()+parseInt(7));

here 7 is the days which you want to add in the date

Solution 5 - Javascript

This should do what you're looking for.

function LicenceToOccupy(acceptCompletionDate)
{
    var date1 = new Date(acceptCompletionDate);
    date1.setDate(date1.getDate() + 14);
    document.frmAccept.acceptLicence.value = date1.getDate() + '/' + (date1.getMonth() + 1) + '/' + date1.getFullYear();
}

Solution 6 - Javascript

To parse the specific dd/mm/yyyy format and increment days with 14 , you can do something like split the parts, and create the date object with y/m/d given specfically. (incrementing the days right away) Providing the separator is always -, the following should work:

function LicenceToOccupy(acceptCompletionDate)
{
    var parts = acceptCompletionDate.split("/");
    var date1 = new Date(parts[2], (parts[1] - 1), parseInt(parts[0]) + 14); //month 0 based, day: parse to int and increment 14 (2 weeks)
    document.frmAccept.acceptLicence.value = date1.toLocaleDateString(); //if the d/m/y format is the local string, otherwise some cusom formatting needs to be done

}

Solution 7 - Javascript

Just some minimum modifications to Toast's answer and you will get the exact format you are looking for dd/mm/yyyy:

function LicenceToOccupy(acceptCompletionDate)
{
    var date1 = new Date(acceptCompletionDate);
    date1.setDate(date1.getDate() + 14); //This adds the two weeks
    
    var day = date1.getDate() 9 10 ? date1.getDate() : '0' + date1.getDate();
    var month = date1.getMonth() >= 9 ? date1.getMonth() + 1: '0' + date1.getMonth();
   
    document.frmAccept.acceptLicence.value = day + '/' + month + '/' + date1.getFullYear();
}

Solution 8 - Javascript

Everything's there !

 date1.toLocaleDateString() 

Thiswill return you date1 as a String in the client convention

To create a new date date2 with 2 weeks more (2weeks = 27246060 seconds):

 var date2 = new Date(date1 + 60*60*24*7*2);

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJammerView Question on Stackoverflow
Solution 1 - JavascriptArvind SridharanView Answer on Stackoverflow
Solution 2 - JavascriptLuisView Answer on Stackoverflow
Solution 3 - JavascriptMattView Answer on Stackoverflow
Solution 4 - JavascriptAnshul JainView Answer on Stackoverflow
Solution 5 - JavascriptToastView Answer on Stackoverflow
Solution 6 - JavascriptMe.NameView Answer on Stackoverflow
Solution 7 - JavascriptFranklin RiveroView Answer on Stackoverflow
Solution 8 - JavascriptRicola3DView Answer on Stackoverflow