Cookbooks
TypeScript
Kapitel 7. Datum und Uhrzeit in der Programmierung
Datum in einen String umwandeln

TypeScript:
Datum in einen String umwandeln

Vorgehensweise: 

const date: Date = new Date("2023-03-15T12:00:00Z");

// Beispiel 1: Umwandlung in lokales Datums- und Zeitformat
const dateStr1: string = date.toLocaleString('de-DE');
console.log(dateStr1); // "15.03.2023, 13:00:00"

// Beispiel 2: Umwandlung nur des Datums in lokales Format
const dateStr2: string = date.toLocaleDateString('de-DE');
console.log(dateStr2); // "15.03.2023"

// Beispiel 3: Manuelles Formatieren (Jahr-Monat-Tag)
const manualDateStr: string = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
console.log(manualDateStr); // "2023-03-15"

Vertiefung:

Früher verwendete man in JavaScript oft externe Bibliotheken wie moment.js für Datumsoperationen. Heute bietet TypeScript, das Superset von JavaScript, vielfältige native Möglichkeiten. Die Wahl der Methode hängt vom Anwendungsfall ab: .toLocaleString() und .toLocaleDateString() sind praktisch für internationalisierte Anwendungen, da sie automatisch das Datum entsprechend der übergebenen locale – hier 'de-DE' für Deutsch (Deutschland) – formatieren. Für komplexe Formatierungen oder wenn man ohne die Internationale Datums- und Zeitformate auskommen möchte, können getrennte Getter-Methoden genutzt werden.

Bei manueller Formatierung besteht auch mehr Kontrolle, doch es ist fehleranfälliger und erfordert mehr Code. Alternativen wie date-fns oder Day.js bieten eine moderne, modulare Herangehensweise, die oft besser zur Baumstruktur moderner Webanwendungen passt.

Siehe auch:

Vergleich von zwei DatenDen aktuellen Datum abrufen