20

I have found a weird bug in my application and due to my small experience with Javascript I couldn't debug it;

I am trying to set a persistent cookie, which will die after one year from its set (max value in major browsers) but persists and won't be deleted after the browser gets closed. I've been using this code:

// Build the expiration date string:
var expiration_date = new Date();
expiration_date.setYear (expiration_date.getYear () + 1);
expiration_date = expiration_date.toGMTString();
// Build the set-cookie string:
var cookie_string = "test_cookies = true; path=/; expires=" + expiration_date;
// Create/update the cookie:
document.cookie = cookie_string;

I've noticed that the cookie has a session tag when I use cookie manager plugin, and only the ones with this tag get removed when the browser shuts down (others like Wordpress's and such scripts persist).

Issung
  • 385
  • 3
  • 14
SAFAD
  • 774
  • 3
  • 14
  • 37

3 Answers3

25

I changed your syntax over to my style of coding (variables at the top, minimal re-casting, etc.) and the example below works on my localhost quite well.

// Build the expiration date string:
var expiration_date = new Date();
var cookie_string = '';
expiration_date.setFullYear(expiration_date.getFullYear() + 1);
// Build the set-cookie string:
cookie_string = "test_cookies=true; path=/; expires=" + expiration_date.toUTCString();
// Create or update the cookie:
document.cookie = cookie_string;

If you are having problems on a production server, try setting the domain of the cookie as well (www.quirksmode.org/js/cookies.html#link5)

Luke
  • 1,284
  • 1
  • 12
  • 34
pete
  • 24,141
  • 4
  • 37
  • 51
  • Hi @pete, do you know how can we add this persist in js-cookie script? Thx! – Gregdebrick Jan 07 '19 at 10:26
  • 1
    @Gregdebrick I'm not sure *which* `js-cookie` script you're referring to, so off-hand, no. In any case, your comment has the makings of a great question! You should ask it as a separate question. :) – pete Jan 07 '19 at 14:08
  • https://stackoverflow.com/questions/54076394/how-can-we-add-a-persistent-cookie-to-js-cookie ;) – Gregdebrick Jan 07 '19 at 14:36
6

You can also use the max-age attribute.

cookie_string = "test_cookies=true; path=/; max-age=31536000";
  • One week: max-age=604800
  • One month: max-age=2628000
  • One year: max-age=31536000
Vivek Nuna
  • 25,472
  • 25
  • 109
  • 197
2

have you tried using the getFullYear() and setFullYear() methods of the Date instance instead of getYear() and setYear() ? the latter are are deprecated, see here.

hope that helps! cheers.

keeganwatkins
  • 3,636
  • 1
  • 14
  • 12