Adding days to date in Angular is not working properly

Question

I am trying to add 12 days to a specific date. but I am getting the new date as not expected. Here is my code

addDays(days: number): any {
    let startDate = new Date(this.selectedDeliveryDate);
    let endDate = new Date();
    endDate = new Date(startDate.setDate(startDate.getDate() + days))
    console.log(startDate, endDate, days)
}

this.selectedDeliveryDate = Wed Dec 08 2021 05:30:00 GMT+0530 (India Standard Time) and days = 12 I am getting the endDate as Tue Feb 20 2024 17:49:13 GMT+0530 (India Standard Time)

EDIT I have printed the following code to test

console.log((startDate.getDate() + days));

and selected 07-12-2021 as start date and days is 12. I am getting the result like 712. Its just appending the number of days to the day.

I am passing 12 to the function when function calling, so it is days. — geeth, Dec 06 '21 at 12:25
Does [this](https://stackoverflow.com/questions/563406/add-days-to-javascript-date) help you? — Nalin Ranjan, Dec 06 '21 at 13:49

score 1 · Answer 1 · answered Dec 07 '21 at 04:50

I fixed the issue. The issue is my days parameter is not integer, so the + operator just concatenating the two values. So before adding days, I just converted days to integer.

addDays(days) {
  days = parseInt(days);
  let startDate = new Date(this.selectedDeliveryDate);
  let endDate = new Date();
  this.freeSlotEndDate = endDate.setDate(startDate.getDate() + days)
}

score 0 · Answer 2 · answered Dec 06 '21 at 12:46

0

Try this on your imports:

import * as moment from "moment";

Then, your funtion:

addDays(days: number): any {
    let startDate = new Date(this.selectedDeliveryDate);
    let endDate = new Date();
    endDate = moment(startDate).add(days, "days");
    console.log(startDate, endDate, days)
}

answered Dec 06 '21 at 12:46

Kibé M.C

243
3
8

For everyone who doesn't know moment, it might be worth mentioning that moment has to be installed as a dependency: `npm install moment --save` – Aljosha Koecher Dec 06 '21 at 13:36
moment is imported, but still same issue – geeth Dec 07 '21 at 04:09

score 0 · Answer 3 · answered Dec 06 '21 at 13:47

0

I tested it on chrome and firefox and it works correctly for me. What browser are you using?

chrome:

firefox:

answered Dec 06 '21 at 13:47

Chris

2,117
13
18

tested in both browser – geeth Dec 07 '21 at 04:08

Adding days to date in Angular is not working properly

3 Answers3