Store Date and Retrieve from Local Storage

I stored a date to local storage like below.

JS:

var currentTime = new Date(); //get the current time.

//Clock in the time.
localStorage.time = currentTime;

When I try to retrieve it sometime later using...

var timeObj = new Date(localStorage.time);
var checkInDayOfMonth = timeObj.getUTCDate(); //returns 1-31 

the timeObj will not have the correct datetime, it instead appears to have the current time as if it's ignoring the parameters of the time I'm sending.

I'm using getUTCDate to get the day of the month. If the value of today is different than what is in storage I know it's a new day.

Opening Google Chrome Inspector reveals the date stored in localStorage in this format:

Wed Dec 11 2013 22:17:45 GMT-0800 (PST)

Is that not an acceptable format for the date constructor?

How can I store and retreive dates from localStorage correctly?

Answers


You can get it back as unix timestamp. Make sure to pass a number to Date constructor.

First, save. Add a + to new, to make this a timestamp.

localStorage.setItem('time', +new Date);

Then later retreive it, but pass the number to Date constructor:

new Date(parseInt(localStorage.getItem('time')));

Store the UNIX timestamp and then recreate the date object from that:

window.localStorage.time = new Date().getTime();

var date = new Date(parseInt(window.localStorage.time));

Try this:

var currentTimeStr = timeObj.getDate() + "-" + (timeObj.getMonth()+1) + "-" + timeObj.getUTCFullYear() + " " + timeObj.getHours() + ":" + timeObj.getMinutes();

It gave me output: "12-12-2013 13:44" (I retrieved at 1:51 PM. So its not giving current time.)

Hope it helps.


Need Your Help

Flux Pagination

javascript pagination reactjs flux

I'm anxious to see an example of pagination in a flux environment, I can't wrap my mind around how that would work. I've taken a look at redux's example, but that's not really pagination, just a "l...

Resizing screenshots/screen captures for inclusion in Beamer

image-processing latex imagemagick beamer gimp

Sorry, this may or may not be a programming question directly, but I am trying to resize screenshots with Imagemagick and Gimp to include in a Beamer presentation, but it comes out even blurrier th...