11ty Date Shortcodes and Filters

Get the current year - super useful for copyright dates.

Usage: {% year %}

eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`);

Eleventy uses Luxon for dates, which is a lighter weight alternative to Moment (but made by Moment).

By importing DateTime from luxon you are provided a deep toolbox of date methods.

Since this is a filter, and you'll likely use it to pass {{ page.date | postDate }}, the format at that point is, ex: (Sun Dec 31 2017 18:00:00 GMT-0600 (Central Standard Time) which to Luxon is the JSDate format.

The output as shown will be Nov 23, 2020, or you can update it to another option referenced in the Luxon docs on DateTime.

// Import prior to `module.exports` within `.eleventy.js`
const { DateTime } = require("luxon");

eleventyConfig.addFilter("postDate", (dateObj) => {
  return DateTime.fromJSDate(dateObj).toLocaleString(DateTime.DATE_MED);
});