The Equal Justice Initiative
Eleventy
Eleventy Documentation
Toggle Menu
Eleventy 5.81s
Nuxt 14.77s

Content Dates

Contents

Setting a Content Date in Front Matter Jump to heading

Add a date key to your front matter to override the default date (file creation) and customize how the file is sorted in a collection.

Syntax YAML Front Matter
---
date: 2016-01-01
---
Syntax YAML Front Matter
---
date: Last Modified
---

Valid date values:

If a date key is omitted from the file, we then look for a YYYY-MM-DD format anywhere in the file path (even folders). If there are multiple dates found, the first is used. ℹ️ Note that starting in 1.0 for consistency with front matter formats file name date formats are now assumed to be UTC.

As a last resort, the file creation date is used. Careful when relying on file creation dates on a deployment server.

INFO:
Trying to use date in your templates? The date value will likely not be of much use, since Eleventy performs no transformation on this front matter value. You probably want page.date instead. Check out the values available in the page variable.

Dates off by one day? Jump to heading

WARNING:
This is a Common Pitfall.

You’re probably displaying UTC dates in a local time zone.

Many date formats in Eleventy (when set in your contentβ€˜s filename as YYYY-MM-DD-myfile.md or in your front matter as date: YYYY-MM-DD) assume midnight in UTC. When displaying your dates, make sure you’re using the UTC time and not your own local time zone, which may be the default.

Example Jump to heading

Syntax YAML Front Matter
---
date: 2018-01-01
---

If you output the Date object in a template, it will convert it to a string for display:

Syntax Liquid, Nunjucks
Using {{ page.date }} will display a date using a local time zone like:

Sun Dec 31 2017 18:00:00 GMT-0600 (Central Standard Time)

Note that this appears to be the wrong day!

Nunjucks allows you to call JavaScript methods in output {{ page.date.toString() }}. Liquid does not allow this.

Syntax Nunjucks
But {{ page.date.toUTCString() }} will correctly
display a date with a UTC time zone like:

Mon, 01 Jan 2018 00:00:00 GMT

You could add your own toUTCString filter in Liquid to perform the same task.

Also on YouTube Jump to heading

Collections out of order when you run Eleventy on your Server? Jump to heading

WARNING:
This is a Common Pitfall.

Be careful relying on the default date associated with a piece of content. By default Eleventy uses file creation dates, which works fine if you run Eleventy locally but may reset in some conditions if you run Eleventy on a Continuous Integration server. Work around this by using explicit date assignments, either in your front matter or your content’s file name. Read more at Setting a Content Date in Front Matter.

INFO:
Added in v1.0.1 The new date: "git Last Modified" feature will resolve this issue! Source control dates are available and will be consistent on most Continuous Integration servers. Read more at Setting a Content Date in Front Matter.

From the Community Jump to heading

Γ—40 resources courtesy of 11tybundle.dev curated by IndieWeb Avatar for https://www.bobmonsour.com/Bob Monsour

Expand to see 35 more resources.

Other pages in Working with Templates: