Zahlen, Währung und Datum formatieren mit Intl

Selbstgebaute Formatierung mit toFixed(2) und Ersetzen von Punkt gegen Komma bricht spätestens beim Tausenderpunkt. JavaScript bringt mit Intl eine vollwertige, lokalisierte Formatierung mit – eingebaut in jeden Browser.

Währung und Zahlen

const euro = new Intl.NumberFormat('de-DE', {
  style: 'currency',
  currency: 'EUR',
});
euro.format(1234.5);        // "1.234,50 €"

const prozent = new Intl.NumberFormat('de-DE', {
  style: 'percent',
  minimumFractionDigits: 1,
});
prozent.format(0.196);      // "19,6 %"

Wichtig: Erzeuge den Formatter einmal und verwende ihn wieder – das ist deutlich schneller, als in einer Schleife jedes Mal 1234.5.toLocaleString(...) aufzurufen.

Datum und Uhrzeit

const datum = new Intl.DateTimeFormat('de-DE', {
  day: '2-digit', month: 'long', year: 'numeric',
});
datum.format(new Date('2026-07-17'));   // "17. Juli 2026"

Relative Zeit („vor 3 Tagen")

const rel = new Intl.RelativeTimeFormat('de-DE', { numeric: 'auto' });
rel.format(-3, 'day');      // "vor 3 Tagen"
rel.format(1, 'week');      // "nächste Woche"

Der ganze Vorteil: Wechselst du die Sprache von 'de-DE' auf 'en-US', passt sich alles automatisch an – Komma wird Punkt, „Juli" wird „July", das €-Zeichen wandert vor die Zahl. Genau so gehört Internationalisierung gemacht.

Korrekte Preise und Datumsangaben sind bei jeder Website ein Detail, das Vertrauen schafft. Wenn du so eine Seite brauchst: bymw.de.

Quellen

• Intl.NumberFormat – MDN Web Docs
• Intl.DateTimeFormat – MDN Web Docs