JavaScript - Datumformate: Ein Anfängerleitfaden
Hallo da draußen, angehende JavaScript-Entwickler! Heute tauchen wir ein in die faszinierende Welt der Datumformate in JavaScript. Machen Sie sich keine Sorgen, wenn Sie noch nie eine Zeile Code geschrieben haben – ich werde Ihr freundlicher Guide auf dieser Reise sein, genau wie ich es für unzählige Schüler in meinen Jahren des Unterrichtens getan habe. Also holen Sie sich eine Tasse Kaffee (oder Tee, wenn das Ihr Ding ist) und lassen Sie uns loslegen!
Was sind Datumformate?
Bevor wir ins Code-Spiel einsteigen, lassen Sie uns darüber sprechen, was Datumformate eigentlich sind. Stellen Sie sich sie als verschiedene Möglichkeiten vor, einen bestimmten Zeitpunkt darzustellen. Genau wie Sie sagen könnten "1. April 2023" oder "1/4/23" für das gleiche Datum, haben Computer auch verschiedene Weisen, Daten auszudrücken.
In JavaScript haben wir ein integriertes Date
-Objekt, das uns hilft, mit Daten und Zeiten zu arbeiten. Es ist wie ein superkluger Kalender direkt in unserem Code!
Häufige Datumformate in JavaScript
Schauen wir uns einige der häufigsten Datumformate an, die Sie antreffen werden:
1. ISO-Datumformat
Dies ist das international standardisierte Format. Es sieht so aus: "JJJJ-MM-TT".
let heute = new Date();
console.log(heute.toISOString().split('T')[0]);
In diesem Beispiel erstellt new Date()
ein Datumobjekt für das aktuelle Datum und die aktuelle Uhrzeit. Wir konvertieren es dann in das ISO-Format und teilen es, um nur den Datumsteil zu erhalten. Wenn Sie dies am 1. April 2023 ausführen, werden Sie "2023-04-01" sehen.
2. Kurzes Datumformat
Dies ist eine kompaktere Form: "MM/TT/JJJJ".
let heute = new Date();
console.log(heute.toLocaleDateString('en-US'));
Dies gibt Ihnen etwas wie "4/1/2023" für den 1. April 2023 aus.
3. Langes Datumformat
Dieses Format schreibt den Monat aus: "Monat TT, JJJJ".
let heute = new Date();
console.log(heute.toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }));
Dies gibt Ihnen etwas wie "Samstag, April 1, 2023" aus.
Datumobjekte erstellen
Nun, da wir einige Formate gesehen haben, schauen wir uns verschiedene Möglichkeiten an, Datumobjekte zu erstellen:
1. Aktuelles Datum und Uhrzeit
let jetzt = new Date();
console.log(jetzt);
Dies erstellt ein Datumobjekt für den aktuellen Moment.
2. Bestimmtes Datum und Uhrzeit
let geburtstag = new Date('1990-05-15T13:30:00');
console.log(geburtstag);
Dies erstellt ein Datumobjekt für den 15. Mai 1990 um 13:30 Uhr.
3. Verwenden von个体 Komponenten
let weihnachten = new Date(2023, 11, 25); // Beachten Sie: der Monat ist 0-basiert
console.log(weihnachten);
Dies erstellt ein Datumobjekt für den 25. Dezember 2023 (denken Sie daran, dass in JavaScript die Monate null-basiert sind, daher 11 für Dezember).
Mit Daten arbeiten
Nun, da wir wissen, wie man Daten erstellt, schauen wir uns einige häufige Operationen an:
1. Komponenten eines Datums abrufen
let heute = new Date();
console.log("Jahr:", heute.getFullYear());
console.log("Monat:", heute.getMonth() + 1); // +1, weil Monate 0-basiert sind
console.log("Tag:", heute.getDate());
console.log("Stunde:", heute.getHours());
console.log("Minute:", heute.getMinutes());
console.log("Sekunde:", heute.getSeconds());
Dies gibt jeden Bestandteil des aktuellen Datums und der aktuellen Uhrzeit aus.
2. Daten formatieren
JavaScript bietet mehrere Methoden zur Datenformatierung:
let datum = new Date('2023-04-01T12:00:00');
console.log(datum.toDateString()); // "Sat Apr 01 2023"
console.log(datum.toTimeString()); // "12:00:00 GMT+0000 (Coordinated Universal Time)"
console.log(datum.toLocaleString()); // "4/1/2023, 12:00:00 PM"
console.log(datum.toLocaleDateString()); // "4/1/2023"
console.log(datum.toLocaleTimeString()); // "12:00:00 PM"
Jede dieser Methoden gibt Ihnen eine andere Darstellung desselben Datums.
Tabelle der Datumsmethoden
Hier ist eine praktische Tabelle einiger häufiger Datumsmethoden:
Methode | Beschreibung | Beispiel |
---|---|---|
getFullYear() |
Gibt das Jahr (4 Stellen) zurück |
datum.getFullYear() // 2023 |
getMonth() |
Gibt den Monat (0-11) zurück |
datum.getMonth() // 3 (für April) |
getDate() |
Gibt den Tag des Monats (1-31) zurück |
datum.getDate() // 1 |
getDay() |
Gibt den Wochentag (0-6) zurück |
datum.getDay() // 6 (für Samstag) |
getHours() |
Gibt die Stunde (0-23) zurück |
datum.getHours() // 12 |
getMinutes() |
Gibt die Minuten (0-59) zurück |
datum.getMinutes() // 0 |
getSeconds() |
Gibt die Sekunden (0-59) zurück |
datum.getSeconds() // 0 |
toDateString() |
Konvertiert das Datum in eine lesbare Zeichenkette |
datum.toDateString() // "Sat Apr 01 2023" |
toTimeString() |
Konvertiert die Uhrzeit in eine lesbare Zeichenkette |
datum.toTimeString() // "12:00:00 GMT+0000 (Coordinated Universal Time)" |
Schlussfolgerung
Und da haben Sie es, Leute! Wir haben die Welt der JavaScript-Datumformate durchquert, von der Erstellung von Datumobjekten bis hin zu deren verschiedenen Formatierungen. Denken Sie daran, dass das Arbeiten mit Daten vielleicht zuerst kompliziert erscheinen mag, aber mit ein bisschen Übung werden Sie sie wie ein Profi handhaben können.
Wie ich meinen Schülern immer sage, der Schlüssel zum Beherrschen von Programmierkonzepten ist das Experimentieren. Probieren Sie diese Beispiele aus, verändern Sie sie und schauen Sie, was passiert. Haben Sie keine Angst vor Fehlern – das ist oft, wo das beste Lernen passiert!
Weiter codieren, weiter lernen und vor allem: Spaß daran haben. Bevor Sie es wissen, werden Sie derjenige sein, der Datumformate Ihren Freunden erklärt (ob sie es hören wollen oder nicht)!
Credits: Image by storyset