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

Encountering an issue with d3 Angular 2 pie chart related to d3.arc data

Elevated UI Kit including a setFloating function paired with a specialized component that can accept

Tips for retrieving a server-set cookie in your Angular 2 application, and guidelines for including the same cookie in requests made by your Angular 2 application

Creating definitions for generic static members within a third-party module

Ways to establish the relationship between two fields within an object

When a 404 error is thrown in the route handlers of a Next.js app, it fails to display the corresponding 404 page

There is no 'next' property available

The TypeScript compilation is not able to find index.ts at the moment

Understanding authorization and user roles within an Angular 2 application utilizing Microsoft Graph

Can a dynamic HTML page be created using Angular's ngClass directive and Bootstrap classes to ensure responsiveness?

Typescript is throwing an error when trying to use MUI-base componentType props within a custom component that is nested within another component

Struggling to find a solution for your operating system issue?

What is causing the error 'router-outlet' to be unrecognized in Angular version 17?

Production is experiencing a hiccup, however, the site is still up and running. There seems to be

CdkVirtualFor does not display any content

Error: An unauthorized attempt was made to modify property settings for certain users, which are designated as read-only

Angular 5 ngIfElse: How to save the outcome of a condition in a storage container

Tips for adding Google Tag Manager to a popup within a Chrome extension?

Retain the parameter name when defining a function type mapping

Using Angular DataTables to make an AJAX call from browser's local storage