English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Grundlagen-Tutorial

JavaScript Objekt

JavaScript Funktion

JS HTML DOM

JS Browser BOM

AJAX Grundlagen-Tutorial

JavaScript Referenzhandbuch

Daten (Date) in JavaScript

JavaScript-Daten- und Uhrzeit

Das JavaScript-Datum-Objekt ermöglicht es uns, mit Daten umzugehen.

In JavaScript können Sie eine Website erstellen, die mit einem Kalender, einem Zugfahrplan oder einer Oberfläche zum Setzen von Terminen ausgestattet ist.

Diese Anwendungen müssen die Zeit basierend auf der aktuellen Zeitzone des Benutzers anzeigen.

Di Aug 11 2020 22:34:40 GMT+0800 (China Standard Time)

Datum-Objekt

Datum-ObjektEs ist ein eingebautes Objekt in JavaScript, das Datum und Uhrzeit speichert.

Es bietet viele eingebauten Methoden zur Formatierung und Verwaltung von Daten.

Datum-Objekte werden mit dem Konstruktor new Date() erstellt.

let now = new Date();// Variable auf das aktuelle Datum und die aktuelle Uhrzeit setzen
Testen Sie es heraus‹/›

Standardmäßig verwendet JavaScript die Zeitzone des Browsers und zeigt das Datum als vollständigen Textstring an.

Erstellen Sie ein Datum-Objekt

Es gibt vier Methoden zur Erstellung neuer Datum-Objekte.

Sie können jede dieser Syntaxen verwenden, um mit dem Konstruktor new Date() ein Date-Objekt zu erstellen.

  new Date();
  new Date(milliseconds);
  new Date(dateString);
  new Date(year, month, day, hours, minutes, seconds, milliseconds);

new Date()

Mit new Date() wird ein neuer Datum-Objekt mit der aktuellen Datum- und Uhrzeit erstellt:

let d = new Date();
Testen Sie es heraus‹/›

new Date(milliseconds)

new Date(milliseconds) erzeugt ein neues Datumsobjekt, das der Zeit plus Millisekunden entspricht:

let d = new Date(0);
Testen Sie es heraus‹/›

JavaScript versteht das Datum basierend auf dem Zeitstempel, der aus der Unix-Zeit gewonnen wird, der von1970 Jahre1getUTCMonth()1Millisekunden seit Mitternacht des Tags.

1970 Jahre1getUTCMonth()1Tagen plus252 4600000000 Millisekunden entsprechen ungefähr2050 Jahre1getUTCMonth()1Tag:

let d = new Date(2524600000000);
Testen Sie es heraus‹/›

new Date(dateString)

new Date(dateString) erzeugt ein neues Datumsobjekt aus einem Datumssatz:

let d = new Date("July 30 1992 18:30);
Testen Sie es heraus‹/›

new Date(year, month, ...)

erzeugt ein neues Datumsobjekt mit der angegebenen Datum und Zeit: new Date(year, month, ...)

7mit einer Zahl die Jahre, Monate, Tage, Stunden, Minuten, Sekunden und Millisekunden (in dieser Reihenfolge) angeben:

let d = new Date(2019, 0, 26, 10, 40, 30, 0);
Testen Sie es heraus‹/›

In dem obigen Beispiel sind unsere Sekunden und Millisekunden auf30 und 0.

Fehlende Ziffern bei der Erstellung eines Datums werden standardmäßig auf 0 gesetzt.

Die Reihenfolge darf jedoch nicht geändert werden, daher denken Sie daran, wenn Sie eine Ziffer auslassen.

Sie werden vielleicht auch bemerken, dass der Monat Januar mit 0 angegeben wird, anstatt der gewöhnlichen1.

Dies liegt daran, dass Datum- und Zeitzahlen von 0 beginnen, wie dies in der meisten Programmierung der Fall ist.

Der Monat in JavaScript reicht von 0 bis11Januar ist 0, Dezember ist11.

Datumsmethoden

Bei der Erstellung eines Date-Objekts können verschiedene Methoden verwendet werden, um damit umzugehen.

Mit den Datumsmethoden können Sie sowohl lokale Zeit als auch UTC (allgemein oder GMT) verwenden, umAbrufenundSetzenDatum, Jahr, Monat, Tag, Stunde, Minute, Sekunde und Millisekunde.

Datum abrufen (erhalten)

Mit dem Objekt Datum können verschiedene eingebettete Methoden verwendet werden, um alle Komponenten des Datums abzurufen.

Diese Methoden geben jeden Teil des Datums im Vergleich zur lokalen Zeitzone zurück.

Jede dieser Methoden endet mitgetAnfang und gibt die relative Nummer zurück.

Nachstehende Tabelle zeigt die Methoden des Date-ObjektsgetTabelle der Methoden:

MethodeDatum/ZeitBereich (Bereich)
getFullYear()JahrGibt das Jahr des angegebenen Datums im lokalen Zeitraum zurück (bei vierstelligem Jahreswert wird vierstellige Ziffern zurückgegeben: YYYY).
getMonth()getUTCMonth()Gibt den Monat des angegebenen Datums im lokalen Zeitraum zurück (0-11) entspricht dem Monat Januar).
getDate()Tag des Monats (im Monat)Gibt den Tag des Monats des angegebenen Datums im lokalen Zeitraum zurück (1-31)。
getDay()Tag der WocheGibt den Tag der Woche des angegebenen Datums im lokalen Zeitraum zurück (0-6) entspricht dem Sonntag).
getHours()StundenGibt die Stunden des angegebenen Datums im lokalen Zeitraum zurück (0-23)。
getMinutes()MinutenGibt die Minuten des angegebenen Datums im lokalen Zeitraum zurück (0-59)。
getSeconds()SekundenGibt die Sekunden des angegebenen Datums im lokalen Zeitraum zurück (0-59)。
getMilliseconds()MillisekundenGibt die Millisekunden des angegebenen Datums im lokalen Zeitraum zurück (0-999)。
getTime()Zeitstempel

zurückgegeben von1970-1-1 Millisekunden, die seit 00:00:00 UTC (Coordinated Universal Time) bis zu diesem Datum verstrichen sind

Für1970-1-1 vor 00:00:00 UTC negative Werte zurück.}

getFullYear() Methode

getFullYear()Methode gibt das Jahr als vierstellige Zahl zurück.

var d = new Date();
d.getFullYear();
Testen Sie es heraus‹/›

getMonth() Methode

getMonth()Methode gibt die Nummer (0 bis11) gibt den Monat im Jahr zurück.

var d = new Date();
d.getMonth();
Testen Sie es heraus‹/›

Der Monat in JavaScript reicht von 0 bis11Januar ist 0, Dezember ist11.

Im folgenden Beispiel speichert die Variable month den Namen des Monats:

var arr = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var d = new Date();
var month = arr[d.getMonth()];
Testen Sie es heraus‹/›

getDate() Methode

getDate()Methode gibt die Nummer (1-31) im Format gibt das Datum im Monat zurück.

var d = new Date();
d.getDate();
Testen Sie es heraus‹/›

getDay() Methode

getDay()Methode gibt die Nummer (0-6) gibt den Wochentag zurück.

var d = new Date();
d.getDay();
Testen Sie es heraus‹/›

JavaScript arbeitet von 0 bis6Zählen. Sonntag ist 0, Samstag ist6.

Im folgenden Beispiel speichert die Variable Today den Namens des Datums:

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];
Testen Sie es heraus‹/›

getHours() Methode

getHours()Methode gibt die Stunden der Datumzeit als Zahl (0-23)。

var d = new Date();
d.getHours();
Testen Sie es heraus‹/›

getMinutes() Methode

getMinutes()Methode gibt die Minuten der Datumzeit als Zahl (0-59)。

var d = new Date();
d.getMinutes();
Testen Sie es heraus‹/›

getSeconds() Methode

getSeconds()Methode gibt die Sekunden der Datumzeit als Zahl (0-59)。

var d = new Date();
d.getSeconds();
Testen Sie es heraus‹/›

getMilliseconds() Methode

getMilliseconds()Methode gibt die Nummer (0-999) im Format zurück, um die Millisekunden der Datumzeit zu erhalten.

var d = new Date();
d.getMilliseconds();
Testen Sie es heraus‹/›

getTime() Methode

getTime()Methode gibt zurück1970 Jahre1getUTCMonth()1Millisekunden seit dem Datum.

var d = new Date();
d.getTime();
Testen Sie es heraus‹/›

Tag(24Stunde) gesetzt8,640 Millionen Millisekunden.

Änderungsdatum(Einstellung)

Für alle gelernten MethodengetMethode hat eine zugehörigesetMethode verwendet wird.

WenngetBestimmte Bestandteile aus dem Datum abzurufen, verwenden Siesetum die Bestandteile des Datums zu ändern.

Nachstehende Tabelle zeigt die Methoden des Date-ObjektssetTabelle der Methoden:

MethodeDatum/Zeit范围
setFullYear()Vollständiges Jahr setzenJahr
setMonth()Monat setzen0-11Monat
setDate()Als Tag des Monats setzen1-31
setDay()Tag der Woche setzen0-6(0 = Sonntag)
setHours()Stunden setzen0-23
setMinutes()Minuten setzen0-59
setSeconds()Sekunden setzen0-59
setMilliseconds()Millisekunden setzen0-999
setTime()Zeitstempel setzen

Durch Angabe von 1970-1-1 00:00:00 UTC verstrichene Millisekunden, um die Zeit des Datum-Objekts zu setzen

Für Datum vor 1970-1-1 00:00:00 UTC kann negative Werte verwenden.

setFullYear() Methode

setFullYear()Methode setzt das Jahr des Datum-Objekts.

var d = new Date();
d.setFullYear(2010);
Testen Sie es heraus‹/›

setFullYear()Methode kann das Monat und den Tag auswählen, um zu setzen.

var d = new Date();
d.setFullYear(2010, 8, 30);
Testen Sie es heraus‹/›

setMonth() Methode

setMonth()Methode setzt den Monat des Datum-Objekts (0-11)。

var d = new Date();
d.setMonth(11);
Testen Sie es heraus‹/›

setDate() Methode

setDate()Methode setzt den Tag des Monats des Datum-Objekts (1-31)。

var d = new Date();
d.setDate(22);
Testen Sie es heraus‹/›

setHours() Methode

setHours()Methode setzt die Stunden des Datum-Objekts (0-23)。

var d = new Date();
d.setHours(18);
Testen Sie es heraus‹/›

setMinutes() Methode

setMinutes()Methode setzt die Minuten des Datum-Objekts (0-59)。

var d = new Date();
d.setMinutes(32);
Testen Sie es heraus‹/›

setSeconds() Methode

setSeconds()Methode setzt die Sekunden des Datum-Objekts (0-59)。

var d = new Date();
d.setSeconds(24);
Testen Sie es heraus‹/›

setMilliseconds() Methode

setMilliseconds()Methode setzt die Millisekunden des Datum-Objekts (0-999)。

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();
Testen Sie es heraus‹/›

setTime() Methode

setTime()Methode setzt das Datum des Date-Objekts auf1970 Jahre1getUTCMonth()1Millisekunden seit dem Datum.

var d = new Date();
d.setTime(1542655292087);
Testen Sie es heraus‹/›

Datumsmethoden, die UTC verwenden

    Die oben besprochenengetMethode den Datumsbestandteil basierend auf der lokalen Zeitzone des Benutzers abrufen.

Um das Datum und die Uhrzeit besser zu spezifizieren, kanngetUTCMethode, die mit der get-Methode vollständig identisch ist, der Unterschied darin ist, dass sie die Zeit nach dem UTC-Standard (Weltzeit) berechnet.

Nachstehende Tabelle zeigt die Tabelle der UTC-Methode des JavaScript-Datum-Objekts:

MethodeDatum/Zeit范围
getUTCFullYear()JahrJahr
YYYYgetUTCMonth()0-11Monat
(0 = Januar)Ein Tag (im Monat)1-31
getUTCDay()Ein Tag der Woche0-6(0 = Sonntag)
getUTCHours()Stunden0-23
getUTCMinutes()Minuten0-59
getUTCSeconds()Sekunden0-59
getUTCMilliseconds()Millisekunden0-999

Um den Unterschied zwischen den getMethoden local und UTC zu verstehen, können wir den folgenden Code ausführen:

let now = new Date();
// Drucken Sie lokale Zeit und UTC-Zeitzone (local und UTC) aus
document.write(now.getHours());
document.write(now.getUTCHours());
Testen Sie es heraus‹/›

Durch Ausführen dieses Codes wird die aktuelle Zeit sowie die UTC-Zeitzone (local und UTC) ausgegeben. Wenn Sie sich in der UTC-Zeitzone befinden, werden die von dem obigen Programm ausgegebenen Zahlen gleich sein.

Mehr Beispiele

In diesem Beispiel zeigt JavaScript die aktuelle Zeit an.

10:38:2
Testen Sie es heraus

Vollständige Datenreferenz

Um die vollständige Eigenschafts- und Methodenreferenz zu erhalten, besuchen Sie bitte unsereJavaScript-Datenreferenz.

Der Referenzteil enthält alle Beschreibungen und Beispiele für die Dateigenschaften und -methoden.