Store Date and Retrieve from Local Storage

Question

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?

Zlatko · Accepted Answer · 2014-09-15T09:22:24.813

14

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')));

edited Sep 15 '14 at 09:22

answered Dec 13 '13 at 04:17

Zlatko

18,936
14
70
123

TMan · Answer 2 · 2013-12-18T04:50:46.520

3

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));

edited Dec 18 '13 at 04:50

answered Dec 12 '13 at 08:20

TMan

1,775
1
14
26

I tried doing this but I just get back NaN. I see the UNIX timestamp (the long series of numbers). It just won't seem to create the date object from it correctly. Any ideas? Did you actually test this idea? – Joseph Astrahan Dec 12 '13 at 19:00
I think my comment came out looking wrong, I meant to say I really like this idea (if it will work). Sometimes people post pseudo code. So was curious if that is what you were doing or if you have tried this idea and it verifiably worked? – Joseph Astrahan Dec 12 '13 at 19:08
1

The retreival part needs a parseInt. Look at my answer? – Zlatko Dec 13 '13 at 04:17

MysticMagicϡ · Answer 3 · 2013-12-13T04:09:52.297

0

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.

edited Dec 13 '13 at 04:09

answered Dec 12 '13 at 08:20

MysticMagicϡ

28,593
16
73
124

The above has an error and does the current day before month, also month you need to say+1 since it returns 0-11 – Joseph Astrahan Dec 12 '13 at 19:25
@JosephAstrahan Many people wouldn't consider that to be an error; if you're being picky, it should be YYYY-MM-DD. – wizzwizz4 Apr 06 '18 at 12:16
1

I wrote that comment years ago lol, I agree with what you said with my knowledge now – Joseph Astrahan Apr 07 '18 at 07:57

Store Date and Retrieve from Local Storage

3 Answers3

Linked