Javascript-Datum

Michael Zippo 04.11.2021

An der Uhr kommt man nicht vorbei, insbesondere bei der Programmierung. So wie wir uns auf Uhren verlassen, um unseren Tag zu verfolgen, verwenden Programme Zeiterfassungstools, um zu wissen, was wann passieren sollte.

Mehrere Anwendungen mussen die Zeit erfassen. Eine Bloganwendung muss sich merken, wann ein Beitrag erstellt wurde, wohingegen eine Kalenderanwendung Ihre geplanten Ereignisse anzeigt.

In diesem Leitfaden erl√§utern wir, wie Sie mit Datum und Uhrzeit in JavaScript arbeiten. Wir fuhren Sie durch einige Beispiele, um zu veranschaulichen, wie Sie mit diesen Tools arbeiten.

Was ist das JavaScript Date Object?

Um mit der Zeit in JavaScript zu arbeiten, Verwenden Sie das Date-Objekt. Dies ist ein spezielles Objekt, das Datum und Uhrzeit speichert. Daruber hinaus enth√§lt das Date-Objekt eine Reihe von Methoden, mit denen wir bestimmte Informationen zu Datum und Uhrzeit abrufen k√∂nnen.

Das Datumsobjekt sieht so aus:

In dieser Anleitung ‚Äô Beachten Sie, dass Datum gro√ü geschrieben wird. Dies liegt daran, dass Date ein integriertes JavaScript-Objekt ist. Sie mussen das Wort Datum gro√ü schreiben, um mit dem Datumsobjekt zu arbeiten.

So verwenden Sie das Datumsobjekt

Ohne Werte teilt uns das Datumsobjekt die aktuelle Datum (und Uhrzeit. Dies wird basierend auf den Einstellungen Ihres Betriebssystems und unter Berucksichtigung Ihrer Zeitzone berechnet.

Wir k√∂nnen das Date-Objekt verwenden, um das aktuelle Datum wie folgt abzurufen:

Unser Code gibt ein Date-Objekt zuruck, das die folgenden Werte enth√§lt:

Wie Sie sehen, wurde dieser Artikel im Juni in Gro√übritannien verfasst 24. Februar 2020, wie unser Zeitstempel zeigt. Das Sch√∂ne am Date-Objekt ist, dass es Daten in einem lesbaren Datumsformat zuruckgibt, damit wir sie leicht verstehen k√∂nnen.

Abrufen eines Zeitstempels mit Datum

Der obige Code ist fur uns Menschen lesbar, aber es gibt ein Problem: JavaScript funktioniert anders. Es interpretiert Datumsangaben Verwenden eines Unix-Zeitstempels. Unix-Zeitstempel z√§hlen, wie viele Sekunden seit dem 1. Januar 1970 vergangen sind. Zu diesem Zeitpunkt begann die Unix-Zeit.

Um die aktuelle Zeit als Zeitstempel abzurufen, k√∂nnen Sie . verwenden die Methode getTime():

Unser Code gibt 1592992393313 zuruck, eine Zahl, die von JavaScript interpretiert werden kann.

Datumsobjekt erstellen

Der Standardwert des Datumsobjekts ist das aktuelle Datum und die aktuelle Uhrzeit. Sie k√∂nnen dies √§ndern, um ein Datum basierend auf einem bestimmten Zeitstempel zu erstellen r Datum und Uhrzeit.

Sie k√∂nnen dies tun, indem Sie entweder einen Zeitstempel, eine Datumszeichenfolge oder eine Reihe von Zahlen angeben, die dem aktuellen Datum und der aktuellen Uhrzeit entsprechen:

neues Datum(Zeitstempel)
neues Datum(Zeichenfolge)
neues Datum(Jahr, Monat, Tag, Stunden, Minuten, Sekunden, Anzahl der Millisekunden)

Angenommen, wir m√∂chten einen Zeitstempel fur den 1. Januar 2021 erstellen. Dazu k√∂nnen wir diesen Code verwenden:

Unser Code kehrt zuruck: Fr 01 Jan 2021 12:00:00 GMT+0000 (Greenwich Mean Time)

Wir k√∂nnte diesen Zeitstempel auch mit diesen Codezeilen erstellt haben:

Unser Code gibt Folgendes zuruck:

All dies -Methoden erstellen dasselbe Date-Objekt.

Abrufen des Datums

Das Date-Objekt enth√§lt eine Reihe von integrierten Methoden, um auf bestimmte Informationen uber das Datum zuzugreifen . Die Methoden, mit denen Sie Informationen zum Datum abrufen k√∂nnen, beginnen mit get. Hier eine Liste als Referenz:

Jahr: getFullYear()
Monat: getMonth() (zwischen 0 und 11, wobei 0 fur Januar steht)
Tag des Monats: getDate() (zwischen 1 und 31)
Tag der Woche: getDay() (zwischen 0 und 6, wobei Sonntag 0 ist)
Stunde: getHours() (zwischen 0 und 23, wobei Mitternacht 0 ist)
Minute: getMinutes()
Sekunde: getSeconds()
Millisekunde: getMilliseconds()
Zeitstempel: getTime()

Angenommen, wir m√∂chten herausfinden, wie sp√§t es gerade ist. Dies k√∂nnen wir mit diesem Code tun:

Unser Code gibt 11 zuruck. Dies zeigt Wir wissen, dass der Tag derzeit 11 Stunden alt ist.

Diese Funktionen sind nutzlich, da sie uns helfen, bestimmte Informationen uber den Tag zu extrahieren. Wir mussen uns keine Sorgen machen, irgendwelche Zeichenfolgen zu manipulieren ; wir k√∂nnen einfach die get-Methoden verwenden, um mehr uber die aktuelle Zeit zu erfahren.

Sie k√∂nnen einen Zeitstempel mithilfe der koordinierten Weltzeit (UTC) abrufen, indem Sie . hinzufugen UTC zwischen dem Wort get und dem Datumswert. Standardm√§√üig gibt das Date-Objekt Informationen in der lokalen Zeitzone des Benutzers zuruck Bei Benutzern in mehreren Zeitzonen ist es oft am besten, UTC zu verwenden, um die Zeitereignisse einfach zu verfolgen.

Aktualisieren eines Datumsobjekts

Datumsobjekte k√∂nnen mit den Date-Methoden set aktualisiert werden. Es gibt eine set-Methode fur jede get-Methode, die vom Date-Objekt angeboten wird:

Angenommen, wir m√∂chten herausfinden, welcher Wochentag letztes Jahr an diesem Datum war. Wir k√∂nnten dies tun, indem wir das Jahr in unserem Date-Objekt mit setFullYear() auf 2019 setzen. Dann k√∂nnen wir getDay() verwenden, um den Wochentag abzurufen:

Zuerst verwenden wir Date(), um das aktuelle Datum abzurufen. Dann verwenden wir die Methode setFullYear(), um das Jahr auf unserem date-Objekt auf 2019.

Als n√§chstes deklarieren wir ein Array namens daysOfTheWeek. Dies hilft uns, die von getDay() zuruckgegebene Zahl in . umzuwandeln ein Wochentag.

Dann verwenden wir die Methode getDay(), um herauszufinden, welcher Wochentag dieses Mal im Jahr 2019 war. Dann drucken wir die Nachricht An diesem Tag im letzten Jahr war es gefolgt vom Wochentag.

Fazit

Mit dem Date-Objekt k√∂nnen Sie mit Datumsangaben arbeiten und Uhrzeiten in JavaScript. Das Date-Objekt enth√§lt eine Reihe von get-Methoden, die Ihnen helfen, die aktuelle Uhrzeit zu kennen, und set-Methoden zum Bearbeiten von Datums- und Uhrzeitobjekten bereit zu starten wo rking mit Datum und Uhrzeit in JavaScript wie ein Experte!