Intl.DateTimeFormat for Localization

Intl.DateTimeFormat

Intl.DateTimeFormat provides rich, locale-aware date formatting. Create a formatter once and reuse it for performance.

Example

// Create a reusable formatter
const fmt = new Intl.DateTimeFormat("en-US", {
  year: "numeric",
  month: "long",
  day: "numeric",
  weekday: "long",
});

const d = new Date("2024-06-15");
fmt.format(d); // "Saturday, June 15, 2024"

// Time formatting
new Intl.DateTimeFormat("en-US", {
  hour: "2-digit",
  minute: "2-digit",
  hour12: true,
}).format(new Date()); // "10:30 AM"

// Date ranges
fmt.formatRange(new Date("2024-06-01"), new Date("2024-06-30"));
// "June 1 – 30, 2024"

JAVASCRIPT

Full Editor

Pro Tip

Create Intl.DateTimeFormat instances once outside loops — constructing them is expensive.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned