Format a date as yyyy-MM-dd in date-fns

How it works

1. Import format. The code imports format from the date-fns package. It takes a Date and a pattern string. [1]
2. Pass native Date objects. The dates are plain new Date(...) values. In new Date() the month number starts at 0, so 1 is February. [1]
3. Print the results. Each date is formatted with "yyyy-MM-dd" and printed with a label. The last line formats the current date. [1]

Run and edit it

It runs in your browser, in a sandboxed frame that cannot see this site; the packages load from esm.sh only after you press Run.

import { format } from "date-fns";

// Months in new Date() start at 0, so 1 is February
const dates = [
  new Date(2014, 1, 11),
  new Date(2024, 0, 5),
  new Date(2025, 11, 31),
];

for (const d of dates) {
  console.log("Formatted:", format(d, "yyyy-MM-dd"));
}

console.log("Today:", format(new Date(), "yyyy-MM-dd"));

Run ▶ResetCopyShareCtrl/⌘ + Enter runs

▶ Run the live exampleLoads date-fns from esm.sh after you press Run.

✦ Change it with AI

Change

Free for signed-in members, with a daily limit. Describe the change in plain words; the new code runs only in your browser.

Change the numbers in new Date() to see different formatted dates. Code written by AgentGid [1].

Checked Oct 14, 2026: it starts without errors in Chromium with date-fns 4.4.0. Needs WebGL.

More date-fns examples

Sort objects by a date field in date-fns Sort dates oldest first in date-fns Sort dates newest first in date-fns Group dates by day in date-fns