JavaScript Datum und Zeit

❮ Vorige Nächste ❯

In JavaScript gibt es ein eingebautes Objekt Date für die Handhabung aller datums- und zeitbezogenen Operationen. Zum Beispiel können Sie es verwenden, um das aktuelle Datum und die aktuelle Uhrzeit anzuzeigen, einen Kalender zu erstellen, einen Timer zu erstellen und vieles mehr.

Wie man ein Date-Objekt erstellt

Um zu lernen, wie man ein neues Date Objekt erstellt, folgen Sie den unten aufgeführten Schritten.

Beachten Sie, dass der new Operator im Allgemeinen verwendet wird, um ein Date-Objekt zu erstellen.

Rufen Sie new Date () mit einem der folgenden Argumente auf:

new Date()

Sie können ein Date Objekt für das aktuelle Datum und die aktuelle Uhrzeit ohne Argumente wie folgt erstellen:

Create Date object javascript

let nowDate = new Date(); console.log(nowDate); // shows current date/time

Diese Aktion gibt das aktuelle Datum mit der Uhrzeit und der Zeitzone zurück.

Wir können andere Möglichkeiten der Erstellung eines Datums mit dem new Operator unterscheiden.

Neues Datum mit Millisekunden

Erstellung eines Date Objekts mit der Zeit, die der Anzahl der Millisekunden nach dem 1. Januar 1970 UTC+0 entspricht.

Hier ist ein Beispiel:

Date object javascript

// 0 means 01.01.1970 UTC+0 let startDate = new Date(0); console.log(startDate); // now add 24 hours, get 02.01.1970 UTC+0 let startTime = new Date(24 * 3600 * 1000); console.log(startTime);

In diesem Beispiel wird ein Zeitstempel verwendet, um die Anzahl der seit Beginn des Jahres 1970 vergangenen Millisekunden darzustellen.

Erstellung eines Datum-Objekts mit dateString

Es ist möglich, ein Date Objekt durch Übergabe der Zeichenkettendarstellung des Datums zu erstellen. Die Zeichenkettendarstellung wird akzeptiert, falls sie mit Date.parse() geparst werden kann.

Hier ist ein Beispiel:

Date object javascript

let date = new Date("2019-12-26"); console.log(date); //The isn't a fixed time, so it's expected to be midnight GMT and // is modified according to the timezone, in which the code is run // So the result could be // Thu Dec 26 2019 04:00:00 GMT+1100 (Australian Eastern Daylight Time)

Das folgende Format ist akzeptabel: new Date(Jahr, Monat, Tag, Stunden, Minuten, Sekunden, ms). Sie sollten auch diese Regeln beachten:

Das Jahr sollte aus vier Ziffern bestehen (zum Beispiel, 2020);
Die Zählung des Monats muss von 0 beginnen (Zum Beispiel, 0 ist Januar und 11 ist Dezember);
Der Tag des Monats ist der Parameter Datum; falls er nicht vorhanden ist, sollten Sie 1 annehmen.
Falls Stunden/Minuten/Sekunden/ms fehlen, sollten sie als gleich 0 angenommen werden.

Zum Beispiel:

new Date(2019, 0, 1, 0, 0, 0, 0); // 1 Jan 2019, 00:00:00
new Date(2019, 0, 1); // the same, hours etc are 0 by default

Die minimale Genauigkeit sollte eine Millisekunde betragen.

Zum Beispiel:

Date object javascript

let date = new Date(2019, 1, 1, 2, 3, 4, 567); console.log(date);

Zugriff auf Datumskomponenten

Nun werden wir die verschiedenen Möglichkeiten zur Datumszugriff kennen lernen. Hier sind sie:

getFullYear()

Erhalt des Jahres (sollte aus 4 Ziffern bestehen).

getMonth()

Erhalt des Monats (von 0 bis 11).

getDate()

Erhalten des Tages eines Monats (von 1 bis 31).

getHours(),
 getMinutes(),
 getSeconds(),
 getMilliseconds()

Erhalt der entsprechenden Zeitkomponenten.

Es ist wichtig, getFullYear() und nicht getYear() zu verwenden, da letzteres veraltet ist und manchmal das Jahr in 2-stelliger Form zurückgeben kann. Daher sollten Sie es in Ihrer Praxis besser nicht verwenden.

Außerdem ist es sogar möglich, einen Wochentag zu erhalten, indem man aufruft:

getDay()

Es ermöglicht Ihnen, einen Wochentag von Sonntag 0 bis Samstag 6 zu erhalten.

Wie man Datumskomponenten einstellt

In JavaScript gibt es mehrere Methoden zur Einstellung der Datum- und Zeitkomponenten. Darunter sind:

setFullYear(year, [month], [date])
setMonth(month, [date])
setDate(date)
setHours(hour, [min], [sec], [ms])
setMinutes(min, [sec], [ms])

Einige Methoden können mehrere Komponenten gleichzeitig einstellen. Zum Beispiel setHours.

Hier ist ein Beispiel:

Set date and time object javascript

let today = new Date(); today.setHours(0); console.log(today); // still today, but the hour is changed to 0 today.setHours(0, 0, 0, 0); console.log(today); // still today, now 00:00:00 sharp.

Autokorrektur

Eine nützliche Funktion von Date-Objekten ist die Autokorrektur. Sie können Werte eingeben, die außerhalb des Bereichs liegen, und sie werden automatisch angepasst.

Zum Beispiel:

Set date and time object javascript

let date = new Date(2019, 8, 32); // 32 Sep 2019 console.log(date);

Datum zu Zahl, Differenz zwischen Daten

Wann immer Sie ein Date in eine Zahl umwandeln, wird es in einen Zeitstempel umgewandelt, wie date.getTime().

Betrachten wir das folgende Beispiel:

Set date and time object javascript

let msDate = new Date(); console.log(+msDate); // it's a same as date.getTime(), it's the number of milliseconds

Es ist auch wichtig zu beachten, dass Daten subtrahiert werden können. Sie können dies für Messungen verwenden, wie folgt:

Date object in javascript

let startDate = new Date(); // start measuring time for (let x = 0; x < 10000; x++) { let smth = x * x * x; } let endDate = new Date(); // end measuring time console.log(`The loop took ${endDate - startDate} ms`);

Date.now()

Wenn Sie die Zeit messen möchten, müssen Sie nicht unbedingt das Date-Objekt verwenden. Sie können Date.now() verwenden, das den aktuellen Zeitstempel zurückgibt.

Zum Beispiel:

Date object in javascript

let startDate = Date.now(); // milliseconds count from 1 Jan 1970 for (let x = 0; x < 10000; x++) { let doSomething = x * x * x; } let endDate = Date.now(); console.log(`The loop took ${endDate - startDate} ms`);

Date.parse Von einem String

Wenn Sie ein Datum aus einem String lesen möchten, hilft Ihnen Date.parse(str). Das Format des Strings muss MM-DDTHH:mm:ss.sssZ sein. Es sind auch einige kürzere Optionen möglich: YYYY-MM-DD oder YYYY-MM oder sogar YYYY.

Hier ist ein Beispiel für die Verwendung von Date.parse(str):

Date object in javascript

let ms = Date.parse('2019-02-28T14:52:20.254-08:00'); console.log(ms); // 1551394340254, it’s a timestamp

Ein new Date kann direkt aus dem Zeitstempel erstellt werden, wie folgt:

Date parse in javascript

let date = new Date(Date.parse('2019-02-28T14:52:20.254-08:00')); console.log(date);

Zusammenfassung

In JavaScript wird das Date Objekt für die Darstellung von Datum und Uhrzeit verwendet. Das Date Objekt beinhaltet beides. In der Regel werden die Monate von Null bis einschließlich Elf gezählt. Auch die Wochentage werden von null an gezählt. In JavaScript können Daten subtrahiert werden und geben ihre Differenz in Millisekunden aus, da ein Date in einen Zeitstempel umgewandelt wird, wenn es in eine Zahl umgewandelt wird. Schließlich werden in JavaScript, im Gegensatz zu anderen Systemen, Zeitstempel in Millisekunden und nicht in Sekunden angegeben.

Quizzeit: Testen Sie Ihre Fähigkeiten!

Sind Sie bereit, das Gelernte herauszufordern? Tauchen Sie ein in unsere interaktiven Quizze für ein tieferes Verständnis und eine unterhaltsame Art, Ihr Wissen zu festigen.