Tips for adding a time increment of 24 hours to a date variable in Angular 6

Question

Tips for adding a time increment of 24 hours to a date variable in Angular 6

My goal is to update a date variable called EndDate stored in localStorage by adding exactly 24 hours to it. The current value in the localStorage is Sun Jun 09 2019 20:39:44 GMT+0530 (India Standard Time).

    var endDate = new Date();
    endDate.setDate(new Date(localStorage.getItem("requestDate")).getDate() + 1);

When I tried running this code, the result was Mon Jun 10 2019 07:58:50 GMT+0530 (India Standard Time), which is incorrect due to the current datetime being added.

    var endDate = new Date();
    endDate.setDate(new Date(localStorage.getItem("requestDate")).getDate() + 1);
    // Perform necessary operations
    endDate.setTime(new Date(localStorage.getItem("requestDate")).getTime() + 24);

Upon trying the above code, the output reverted back to Sun Jun 09 2019 20:39:44 GMT+0530 (India Standard Time) as setTime overwrote the previous date value.

The Desired Output should be Mon Jun 10 2019 20:39:44 GMT+0530 (India Standard Time)

angular typescript angular6

Answer 1

Answer №1

Give this a try, hopefully it will be successful

let expirationDate = new Date(localStorage.getItem("createdAt"));
expirationDate.setDate(expirationDate.getDate() + 1);

Answer 2

Give this a try, hopefully it will be successful

let expirationDate = new Date(localStorage.getItem("createdAt"));
expirationDate.setDate(expirationDate.getDate() + 1);

Answer 3

Answer №2

Instead of initializing a fresh Date object, consider creating one based on the data stored in your localStorage and then incrementing from there. To illustrate, take a look at the following code snippet:

var initialDate = new Date(localStorage.getItem("requestDate"));
var finalDate = new Date(initialDate);
finalDate.setDate(finalDate.getDate() + 1);
console.log('initial date', initialDate.toString());
console.log('final date', finalDate.toString());

I hope this explanation proves to be helpful :)

Answer 4

Instead of initializing a fresh Date object, consider creating one based on the data stored in your localStorage and then incrementing from there. To illustrate, take a look at the following code snippet:

var initialDate = new Date(localStorage.getItem("requestDate"));
var finalDate = new Date(initialDate);
finalDate.setDate(finalDate.getDate() + 1);
console.log('initial date', initialDate.toString());
console.log('final date', finalDate.toString());

I hope this explanation proves to be helpful :)

Answer 5

Answer №3

In order to add a certain number of days to a specific date, you can utilize the code snippet provided below.

const startingDate = new Date(localStorage.getItem("requestDate"));
const endingDate = new Date(startingDate);
endingDate.setDate(startingDate.getDate() + 1);

console.log("Starting date: " + startingDate);
console.log("Ending date: " + endingDate);

If you require adding hours to a specific date, you can use the following code snippet.

const hoursToAdd = 10;
const initialTime = new Date(localStorage.getItem("requestDate"));
const finalTime = new Date(initialTime.getTime() + (hoursToAdd * 60 * 60 * 1000));
console.log("Initial time: " + initialTime);
console.log("Final time: " + finalTime);

Answer 6

In order to add a certain number of days to a specific date, you can utilize the code snippet provided below.

const startingDate = new Date(localStorage.getItem("requestDate"));
const endingDate = new Date(startingDate);
endingDate.setDate(startingDate.getDate() + 1);

console.log("Starting date: " + startingDate);
console.log("Ending date: " + endingDate);

If you require adding hours to a specific date, you can use the following code snippet.

const hoursToAdd = 10;
const initialTime = new Date(localStorage.getItem("requestDate"));
const finalTime = new Date(initialTime.getTime() + (hoursToAdd * 60 * 60 * 1000));
console.log("Initial time: " + initialTime);
console.log("Final time: " + finalTime);

Tips for adding a time increment of 24 hours to a date variable in Angular 6

Answer №1

Answer №2

Answer №3

Similar questions

Unusual behavior exhibited by ng-if within a widget

AngularJS2 brings a powerful and seamless implementation of indexedDB for efficient

Manage scss styles consistently across Angular projects with this Angular library designed to

Execution issue with Typescript function

When ng-test is executed in an Angular service, the function array.some is not found

Ways to obtain the component reference when clicking in Angular 2?

"Exploring the process of unsubscribing or disposing of an interval observable based on a certain condition in Angular2 or

Obtain form data as an object in Vue when passed in as a slot

The reason behind the ghost problem - classRef isn't recognized as a constructor

Interference with ElementClickInterceptedException in Selenium is caused by the presence of a WebPack iframe within an Angular application, despite implementing WebDriverWait

Issue: The JSX element 'X' is missing any constructors or call signatures

Troubleshooting NativeScript 5: Uncovering the iOS Memory Woes of Crashes and Le

Error Message: Angular NullInjectorException - The provider for "[Object]" is not found

Implement CSS to globally style material.angular's mat-card by customizing the background color

Angular directive to delete the last character when a change is made via ngModel

Angula 5 presents a glitch in its functionality where the on click events fail

What is the best approach to implementing role-based authentication within a MEAN application?

Avoiding Maximum Call Stack Size Exceeded in Observables: Tips and Tricks

Encountering an error in Angular 8 with the plugin: Unhandled ReferenceError for SystemJS

Error: The JSON file cannot be located by the @rollup/plugin-typescript plugin