Reading cookie expiration date

Question

Is it possible to read cookie expiration date using JavaScript?

If yes, how? If not, is there a source I can look at?

Answer 1

It is not possible to get the expiration date of a cookie through Javascript; only key-value pairs are exposed through document.cookie.

Answer 2

There are some who will find this contentious - but one solution is to create another cookie at the same time and store the time/stamp in it parallel with whichever original cookie is created. Update them both at the same time and that way you can easily get the time from your new cookie (Alternatively append the time/stamp in your source cookie).

The reason this would be contentious is that over the years the idea of storing cookies on a users PC isn't popular because you are taking up their space. However I really doubt a small timestamp cookie would be too horrific.

Its worth remembering that if a time has passed then the browser will not report that cookie available. The browser may show the cookie present but when JS tries to access it - it won't be able too.

Additionally I found that WebDeveloper toolbar in Firefox shows cookies that have passed but under Firefox > Privacy settings they are updated correctly.

Answer 3

If you are using Chrome you can goto the "Application" tab (within Developer Tools) and find the item "Cookies" in the left sidebar. From there select the domain you are checking the set cookie for and it will give you a list of cookies associated with that domain, along with their expiration date.

Answer 4

I agree with @Daniel, as he answered this in 2009.

But right now, I came across a similar problem and I found a better way to read the expiry date of cookie in Javascript.

The CookieStore type of the cookies API represents a cookie store in the browser.

YOU CAN NOT USE THIS FOR NON HTTPS SITES

This is compatible with all modern browsers.

All you need is to

// list of all the cookies
cookieStore.getAll().then(cookies=>console.log(cookies))

// returns object of the single cookie by NAME   
cookieStore.get('NAME_OF_THE_COOKIE').then(cookies=>console.log(cookies))

The output of CookieStore will be Promise, so you will need to resolve it. after that result array of cookies in the following format.

domain: null
expires: 1615699665000 //TIMESTAMP
name: "STR"
path: "/"
sameSite: "STR"
secure: "BOOL"
value: "STR"

Please feel free to correct me or update my answer for the better help of others.

Answer 5

You have several options.

1. Save expire timestamp somewhere else - e.g. localStorage or another Cookie
2. In Chrome and Edge - use CookieStore API which i describe below

You can use CookieStore API which is "experimental" as I write, yet it's supported by Chrome. Can't test, but seems like on Edge too. Tested on Safari, it's undefined, so not supported.

Yet you can check here: https://caniuse.com/?search=CookieStore
Read more here: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/cookies/CookieStore

On Chrome sample response:

Safari 15.1 (2021-11-13):

Answer 6

If you have control over the code where the cookie is set, then you can add code to store the expiration date in the browser's local storage for later retrival. For example:

// set cookie with key and value to expire 30 days from now
var expires = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000);
document.cookie = [
    "key=value",
    "expires=" + expires.toUTCString()
].join("; ");

// store cookie expiration date for key in local storage
if (window.localStorage) {
    localStorage.setItem("keyExpires", expires.toISOString());
}

Later, you can lookup when the cookie expires in local storage. For example:

var expires = localStorage.getItem("keyExpires");

Local storage currently has broad support.

https://caniuse.com/#feat=namevalue-storage