The function to increase the number of days on a date in Angular is experiencing technical issues

Question

The function to increase the number of days on a date in Angular is experiencing technical issues

I'm facing an issue where I need to add 12 days to a specific date, but the new date is not coming out as expected. Below is the code snippet:

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 The endDate is being returned as

Tue Feb 20 2024 17:49:13 GMT+0530 (India Standard Time)

EDIT I have also tested the following code snippet:

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

With 07-12-2021 selected as the start date and 12 set for days, the result obtained was 712. It seems like the number of days is just getting appended to the day value.

angular typescript date

Answer 1

Answer №1

The issue has been successfully resolved by converting the days parameter to an integer before performing addition. This prevents the + operator from concatenating the values, ensuring accurate calculations.

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

Answer 2

The issue has been successfully resolved by converting the days parameter to an integer before performing addition. This prevents the + operator from concatenating the values, ensuring accurate calculations.

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

Answer 3

Answer №2

Give this a try when importing:

import * as time from "time";

Next, modify your function like so:

addTime(amount: number): any {
    let start = new Date(this.chosenStartDate);
    let end = new Date();
    end = moment(start).add(amount, "time");
    console.log(start, end, amount)
}

Answer 4

Give this a try when importing:

import * as time from "time";

Next, modify your function like so:

addTime(amount: number): any {
    let start = new Date(this.chosenStartDate);
    let end = new Date();
    end = moment(start).add(amount, "time");
    console.log(start, end, amount)
}

Answer 5

Answer №3

After conducting tests on both Chrome and Firefox, I can confirm that the functionality is working properly from my end. May I inquire about the web browser you are currently utilizing?

Browser: chrome

Browser: firefox

Answer 6

After conducting tests on both Chrome and Firefox, I can confirm that the functionality is working properly from my end. May I inquire about the web browser you are currently utilizing?

Browser: chrome

Browser: firefox

The function to increase the number of days on a date in Angular is experiencing technical issues

Answer №1

Answer №2

Answer №3

Similar questions

The React Fabric TextField feature switches to a read-only mode once the value property is included

Creating an SCSS class in a component that is customizable and can

When combining Angular with Workbox, you may encounter a ChunkLoadError stating that the loading of a specific chunk was refused to execute due to mismatch

Update the style dynamically in Angular using an ngFor directive and an array of data

Ways to improve the feedback for Typescript when dealing with the potential existence of a nested method

CSS styles are combined and included at the beginning of the index.html file

Use Typescript in combination with React/Redux to showcase a dynamic table on the

A guide on implementing Angular-DataTable within a TypeScript project

The reason behind the clickable issue with my duplicate <ion-select>

Is there a way to turn off TypeScript Inference for imported JavaScript Modules? (Or set it to always infer type as any)

acquiring the main class instance within a function without relying on an arrow function

What is the best way to ensure that a div containing lengthy text wraps to the next line as if it were only text overflow?

Guidelines on concealing the parent component while the child component is loading in Angular 2

Enhance the annotation of JS types for arguments with default values

Angular2 is designed to break down complex applications into smaller, more manageable parts

Modify the code to use a BehaviorSubject subscribing to an Observable

Setting up a project with Angular 2 and NodeJS

What is the correct way to express an object in an array?

Resolving the Angular5 (Angular Universal) problem with page source visibility

Splitting code efficiently using TypeScript and Webpack