Eine Einführung in Datums- und Zeitangaben in JavaScript

Die Arbeit mit Datumsangaben ist ein wichtiger Aspekt der Programmierung. Das integrierte Datumsobjekt wird verwendet, um mit Datums- und Uhrzeitangaben in JavaScript zu arbeiten. Die verschiedenen Methoden des Datumsobjekts erleichtern die Arbeit mit Datums- und Uhrzeitangaben erheblich.

In diesem Artikel erfahren Sie alles, was Sie über das Arbeiten mit Datumsangaben in JavaScript wissen müssen. Steigen wir also ohne weiteres ein.

So erstellen Sie Datumsobjekte

Sie können ein Datumsobjekt in JavaScript mit den folgenden vier Methoden erstellen:

1. neues Datum()

Der neues Datum()-Konstruktor erstellt ein Datumsobjekt mit dem aktuellen Datum und der aktuellen Uhrzeit.

let d = neues Datum();
Konsole.log (d);

Ausgabe:

Mo 03. Januar 2022 20:27:58 GMT+0530 (Indien Standardzeit)

2. neues Datum (Datumszeichenfolge)

Der neues Datum (Datumszeichenfolge) Der Konstruktor erstellt ein Datumsobjekt aus einer Datumszeichenfolge.

let d = neues Datum("2022-01-01");
Konsole.log (d);

Ausgabe:

Sa. Jan. 01.2022 05:30:00 GMT+0530 (Indien Standardzeit)

3. neues Datum (Millisekunden)

Der neues Datum (Millisekunden) Der Konstruktor erstellt ein Datumsobjekt, indem er die Millisekunden zur Nullzeit hinzufügt. Der Parameter stellt die seit dem 1. Januar 1970 UTC verstrichene Zeit in Millisekunden dar.

let d1 = neues Datum (0);
Konsole.log (d1);
let d2 = neues Datum (973436457364);
Konsole.log (d2);

Ausgabe:

Do 01. Januar 1970 05:30:00 GMT+0530 (Indien Standardzeit)
So. 05. Nov. 2000 20:30:57 GMT+0530 (Indien Standardzeit)

4. neues Datum (Jahr, Monat, Tag, Stunden, Minuten, Sekunden, Millisekunden)

Der neues Datum (Jahr, Monat, Tag, Stunden, Minuten, Sekunden, Millisekunden) Der Konstruktor erstellt ein Datumsobjekt mit einem angegebenen Datum und einer angegebenen Uhrzeit. Die sieben Parameter geben Jahr, Monat, Tag, Stunden, Minuten, Sekunden und Millisekunden an.

let d = neues Datum (2020, 10, 11, 15, 29, 46, 0);
Konsole.log (d);

Ausgabe:

Mi 11. November 2020 15:29:46 GMT+0530 (Indien Standardzeit)

Sie können auch ein Datumsobjekt mit sechs, vier, drei oder zwei Parametern erstellen.

a) Die sechs Parameter geben Jahr, Monat, Tag, Stunde, Minute und Sekunde an.

b) Die fünf Parameter geben Jahr, Monat, Tag, Stunde und Minute an.

c) Die vier Parameter geben Jahr, Monat, Tag und Stunde an.

d) Die drei Parameter geben Jahr, Monat und Tag an.

e) Die beiden Parameter geben Jahr und Monat an.

Notiz:

• JavaScript zählt Monate von 0 bis 11, d. h. Januar wird durch 0 dargestellt und Dezember wird durch 11 dargestellt.
• Wenn Sie im Date-Objekt Werte außerhalb des zulässigen Bereichs angeben, wird stattdessen kein Fehler ausgegeben, sondern automatisch korrigiert.

// März hat keine 40 Tage, der Überlauf wird automatisch korrigiert
sei d = neues Datum (2020, 2, 40);
Konsole.log (d);

Ausgabe:

Do 09 Apr. 2020 00:00:00 GMT+0530 (Indien Standardzeit)

JavaScript Date Get-Methoden

Sie können die folgenden Methoden verwenden, um Informationen aus einem Datumsobjekt abzurufen.

1. getFullYear()

Diese Methode gibt das Jahr als vierstellige Zahl (yyyy) entsprechend der Ortszeit zurück.

let d = neues Datum();
console.log (d.getFullYear());

Ausgabe:

2022

2. getMonth()

Diese Methode gibt den Monat als Zahl (0-11) entsprechend der Ortszeit zurück.

let d = neues Datum();
console.log (d.getMonth());

Ausgabe:

0

3. Verabredung bekommen()

Diese Methode gibt den Tag als Zahl (1-31) entsprechend der Ortszeit zurück.

let d = neues Datum();
console.log (d.getDate());

Ausgabe:

3

Verwandt: Eine Einführung in Datentypen in JavaScript

4. getHours()

Diese Methode gibt die Stunde (0-23) gemäß der Ortszeit zurück.

let d = neues Datum();
console.log (d.getHours());

Ausgabe:

22

5. getMinutes()

Diese Methode gibt die Minute (0-59) gemäß der Ortszeit zurück.

let d = neues Datum();
console.log (d.getMinutes());

Ausgabe:

40

6. getSeconds()

Diese Methode gibt die Sekunde (0-59) gemäß der Ortszeit zurück.

let d = neues Datum();
console.log (d.getSeconds());

Ausgabe:

30

7. getMillisekunden()

Diese Methode gibt die Millisekunde (0-999) gemäß der Ortszeit zurück.

let d = neues Datum();
console.log (d.getMilliseconds());

Ausgabe:

55

Verwandt: JavaScript-Einzeiler, die Sie kennen sollten

8. Zeit kriegen()

Diese Methode gibt die Zeit in Millisekunden seit dem 1. Januar 1970 zurück.

let d = neues Datum();
console.log (d.getTime());

Ausgabe:

1641230088884

9. getDay()

Diese Methode gibt den Wochentag als Zahl (0-6) entsprechend der Ortszeit zurück.

let d = neues Datum();
console.log (d.getDay());

Ausgabe:

1

Notiz: Wenn Sie mit UTC-Daten arbeiten möchten, können Sie die folgenden Datumsmethoden verwenden: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMillisekunden(), getUTCMinutes(), getUTCMonth(), und getUTCSeconds().

JavaScript-Datumssetmethoden

Sie können die folgenden Methoden verwenden, um einen Teil eines Datumsobjekts festzulegen.

1. Datum einstellen()

Diese Methode legt den Tag als Zahl (1-31) für ein bestimmtes Datum gemäß der Ortszeit fest.

let d = neues Datum();
d.setDate (20);
Konsole.log (d);

Ausgabe:

Do 20. Jan. 2022 22:58:59 GMT+0530 (Indien Standardzeit)

Verwandt: JavaScript-Mathemethoden, die Sie heute beherrschen sollten

2. setFullYear()

Diese Methode stellt das Jahr für ein bestimmtes Datum gemäß der Ortszeit ein.

let d = neues Datum();
d.setFullYear (2016);
Konsole.log (d);

Ausgabe:

So, 03. Januar 2016 23:00:41 GMT+0530 (Indien Standardzeit)

3. setHours()

Diese Methode stellt die Stunde (0-23) für ein bestimmtes Datum entsprechend der Ortszeit ein.

let d = neues Datum();
d.setHours (15);
Konsole.log (d);

Ausgabe:

Mo 03. Jan 2022 15:02:01 GMT+0530 (Indien Standardzeit)

Verwandt: So erstellen Sie einen einfachen Rechner mit HTML, CSS und JavaScript

4. setMillisekunden()

Diese Methode legt die Millisekunden (0-999) für ein angegebenes Datum entsprechend der Ortszeit fest.

let d = neues Datum();
d.setMillisekunden (548);
Konsole.log (d);

Ausgabe:

Mo 03. Jan 2022 23:04:13 GMT+0530 (Indien Standardzeit)

Ebenso können Sie die setMinutes(), setMonth(), und setSeconds() Methoden zum Einstellen der Minuten (0-59), des Monats (0-11) bzw. der Sekunden (0-59) für ein bestimmtes Datum entsprechend der Ortszeit.

JavaScript-Beispiel für die aktuelle Zeit

Ein einfaches Beispiel, um die aktuelle Uhrzeit des Systems auszudrucken:

Wenn Sie sich den vollständigen Quellcode ansehen möchten, der in diesem Artikel verwendet wird, ist hier der GitHub-Repository.​​​​​​​

Entwickeln Sie Projekte mit den Datumskonzepten von JavaScript

Bei der Arbeit an realen Anwendungen werden Sie auf viele Instanzen von JavaScript-Daten stoßen. Wenn Sie mit einem einfachen Projekt beginnen und praktische Erfahrungen sammeln möchten, können Sie eine digitale Uhr mit HTML, CSS und JavaScript entwickeln. Neben Datumsangaben lernen Sie auch einige wichtige JavaScript-Konzepte kennen, wie das Arbeiten mit Variablen, die Verwendung von Funktionen, den Zugriff auf und das Hinzufügen von Eigenschaften zu DOM und mehr.

So erstellen Sie eine Digitaluhr mit HTML, CSS und JavaScript

Kodieren Sie, bis das Vogelgezwitscher Ihnen mitteilt, dass es Morgen ist? Behalten Sie die Zeit mit dieser benutzerdefinierten Uhr im Auge.

Weiter lesen

Über den Autor