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!

JavaScript - Date Formats

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