JavaScript-Datumsformate


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


JavaScript-Datumseingabe

Im Allgemeinen gibt es drei Arten von JavaScript-Datumseingabeformaten:

ISO Date

„25.03.2015“ (Der internationale Standard)

Short Date

„25.03.2015“

Long Date

„25. März 2015“ oder „25. März 2015“

Das ISO-Format folgt einem strengen Standard in JavaScript.

Die anderen Formate sind es nicht so gut definiert und könnte browserspezifisch sein.


JavaScript-Datumsausgabe

Unabhängig vom Eingabeformat gibt JavaScript (standardmäßig) Datumsangaben vollständig aus Textzeichenfolgenformat:


JavaScript-ISO-Daten

ISO 8601 ist der internationale Standard für die Darstellung von Datumsangaben und mal.

Die ISO 8601-Syntax (JJJJ-MM-TT) ist auch das bevorzugte JavaScript-Datumsformat:

Beispiel (vollständiges Datum)

const d = new Date("2015-03-25");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p id="demo"></p>

<script>
const d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Das berechnete Datum ist relativ zu Ihrer Zeitzone.
Abhängig von Ihrer Zeitzone, das obige Ergebnis wird zwischen dem 24. und 25. März variieren.



ISO-Daten (Jahr und Monat)

ISO-Daten können ohne Angabe des Tages (JJJJ-MM) geschrieben werden:

Beispiel

const d = new Date("2015-03");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p id="demo"></p>

<script>
const d = new Date("2015-03"); 
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Je nach Zeitzone variiert das obige Ergebnis zwischen dem 28. Februar und dem 1. März.


ISO-Daten (nur Jahr)

ISO-Daten können ohne Monat und Tag (JJJJ) geschrieben werden:

Beispiel

const d = new Date("2015");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p id="demo"></p>

<script>
const d = new Date("2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Je nach Zeitzone variiert das obige Ergebnis zwischen dem 31. Dezember 2014 und dem 1. Januar 2015.


ISO-Daten (Datum-Uhrzeit)

ISO-Daten können mit hinzugefügten Stunden, Minuten und Sekunden geschrieben werden (JJJJ-MM-TTTHH:MM:SSZ):

Beispiel

const d = new Date("2015-03-25T12:00:00Z");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>
<p>Separate date and time with a capital T.</p>
<p>Indicate UTC time with a capital Z.</p>

<p id="demo"></p>

<script>
const d = new Date("2015-03-25T12:00:00Z");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Datum und Uhrzeit werden durch ein großes T getrennt.

Die UTC-Zeit wird mit einem Großbuchstaben Z definiert.

Wenn Sie die Zeit relativ zur UTC ändern möchten, entfernen Sie das Z und fügen Sie +HH:MM oder -HH:MM hinzu stattdessen:

Beispiel

const d = new Date("2015-03-25T12:00:00-06:30");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>
<p>Modify the time relative to UTC by adding +HH:MM or subtraction -HH:MM to the time.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
new Date("2015-03-25T12:00:00-06:00");
</script>

</body>
</html>

UTC (Universal Time Coordinated) ist dasselbe wie GMT (Greenwich Mean Time).

Das Weglassen von T oder Z in einer Datums-/Uhrzeitzeichenfolge kann in verschiedenen Browsern zu unterschiedlichen Ergebnissen führen.


Zeitzonen

Beim Festlegen eines Datums ohne Angabe der Zeitzone wird JavaScript verwendet die Zeitzone des Browsers.

Beim Abrufen eines Datums ohne Angabe der Zeitzone lautet das Ergebnis in die Zeitzone des Browsers konvertiert.

Mit anderen Worten: Wenn ein Datum/eine Uhrzeit in GMT (Greenwich Mean Time) erstellt wird, wird die Datum/Uhrzeit werden in CDT (Central US Daylight Time) konvertiert, wenn ein Benutzer surft aus der Mitte der USA.


JavaScript-Kurztermine.

Kurze Datumsangaben werden mit der Syntax „MM/TT/JJJJ“ wie folgt geschrieben:

Beispiel

const d = new Date("03/25/2015");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("03/25/2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

WARNUNGEN!

In einigen Browsern können Monate oder Tage ohne führende Nullen zu einem Fehler führen:

const d = new Date("2015-3-25");

Das Verhalten von „JJJJ/MM/TT“ ist nicht definiert.
Einige Browser werden dies tun Versuchen Sie, das Format zu erraten. Einige werden NaN zurückgeben.

const d = new Date("2015/03/25");

Das Verhalten von „TT-MM-JJJJ“ ist ebenfalls nicht definiert.
Einige Browser werden dies tun Versuchen Sie, das Format zu erraten. Einige werden NaN zurückgeben.

const d = new Date("25-03-2015");

JavaScript-Long-Dates.

Lange Datumsangaben werden am häufigsten mit der Syntax „MMM TT JJJJ“ wie folgt geschrieben:

Beispiel

const d = new Date("Mar 25 2015");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("Mar 25 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Monat und Tag können in beliebiger Reihenfolge angegeben werden:

Beispiel

const d = new Date("25 Mar 2015");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("25 Mar 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Und der Monat kann vollständig (Januar) oder abgekürzt (Jan) geschrieben werden:

Beispiel

const d = new Date("January 25 2015");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("January 25 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Beispiel

const d = new Date("Jan 25 2015");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("Jan 25 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Kommas werden ignoriert. Bei Namen wird die Groß-/Kleinschreibung nicht beachtet:

Beispiel

const d = new Date("JANUARY, 25, 2015");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
const d = new Date("JANUARY, 25, 2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Datumseingabe - Daten analysieren

Wenn Sie über eine gültige Datumszeichenfolge verfügen, können Sie verwenden Date.parse()-Methode, um sie in Millisekunden umzuwandeln.

Date.parse() gibt die Anzahl der Millisekunden zwischen dem Datum und Januar zurück 1, 1970:

Beispiel

let msec = Date.parse("March 21, 2012");

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Date.parse()</h2>
<p>Date.parse() returns the number of milliseconds between the date and January 1, 1970:</p>

<p id="demo"></p>

<script>
const msec = Date.parse("March 21, 2012");
document.getElementById("demo").innerHTML = msec;
</script>

</body>
</html>

Anschließend können Sie die Anzahl der Millisekunden verwenden, um sie in ein Datumsobjekt umzuwandeln:

Beispiel

let msec = Date.parse("March 21, 2012");
const d = new Date(msec);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Date.parse()</h2>
<p>Date.parse(string) returns milliseconds.</p>
<p>You can use the return value to convert the string to a date object:</p>

<p id="demo"></p>

<script>
let msec = Date.parse("March 21, 2012");
const d = new Date(msec);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Vollständige JavaScript-Datumsreferenz

Eine vollständige Datumsreferenz finden Sie auf unserer:

Vollständige JavaScript-Datumsreferenz.

Die Referenz enthält Beschreibungen und Beispiele aller Datumseigenschaften und Methoden.