Neueste Web-Entwicklung Tutorials
 

JavaScript Termine


Das Date-Objekt können Sie arbeiten mit Daten (Jahre, Monate, Tage, Stunden, Minuten, Sekunden und Millisekunden)


JavaScript Datumsformate

Ein JavaScript-Datum kann als String geschrieben werden:

Sun 6. November 2016 06.57.46 GMT + 0800 (中国标准时间)

oder als eine Nummer:

1478386666530

Daten wie Zahlen geschrieben, gibt die Anzahl der Millisekunden seit dem 1. Januar 1970, 00.00.00.


Anzeige der Termine

In diesem Tutorial verwenden wir ein Skript Daten innerhalb eines anzuzeigen <p> Element mit id="demo" :

Beispiel

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

<script>
document.getElementById("demo").innerHTML = Date();
</script>
Versuch es selber "

Das Skript oben sagt: den Wert zuweisen Date() zu Inhalt ( innerHTML ) des Elements mit id="demo" .

Sie erfahren, wie ein Datum angezeigt werden, in einem besser lesbaren Format, am Ende dieser Seite.


Erstellen von Date-Objekten

Das Date-Objekt lässt uns mit Daten arbeiten.

Ein Termin besteht aus einem Jahr, einen Monat, ein Tag, eine Stunde, eine Minute, eine Sekunde und Millisekunden.

Date - Objekte werden mit dem erstellten new Date() Konstruktor.

Es gibt vier Möglichkeiten, ein Datum Einleitung:

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

Mit new Date() , wird ein neues Date - Objekt mit dem aktuellen Datum und Uhrzeit:

Beispiel

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
Versuch es selber "

Mit new Date (Datum string), wird ein neues Date - Objekt aus dem angegebenen Datum und Uhrzeit:

Beispiel

<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML = d;
</script>
Versuch es selber "

Gültige Datumszeichenketten (Datumsformate) werden im nächsten Kapitel beschrieben.

Mit new Date (Zahl), wird ein neues Date - Objekt als Nullzeit plus der Zahl.

Nullzeit 01 January 1970 00:00:00 UTC . Die Nummer wird in Millisekunden angegeben:

Beispiel

<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML = d;
</script>
Versuch es selber "

JavaScript Termine werden in Millisekunden ab 1. Januar 1970 00.00.00 Universal Time (UTC) berechnet. Eines Tages enthält 86.400.000 Millisekunden.

Mit new Date (7 Zahlen), wird ein neues Date - Objekt mit dem angegebenen Datum und Uhrzeit:

Die 7 Zahlen geben Sie das Jahr, Monat, Tag, Stunde, Minute, Sekunde und Millisekunde, in dieser Reihenfolge:

Beispiel

<script>
var d = new Date(99,5,24,11,33,30,0);
document.getElementById("demo").innerHTML = d;
</script>
Versuch es selber "

Varianten des obigen Beispiel lassen Sie uns einen der letzten vier Parameter auslassen:

Beispiel

<script>
var d = new Date(99,5,24);
document.getElementById("demo").innerHTML = d;
</script>
Versuch es selber "

JavaScript zählt Monate von 0 bis 11. Januar ist 0. 11. Dezember ist.


Datum Methoden

Wenn ein Date - Objekt erstellt wird, ermöglichen eine Reihe von Methoden , die Sie auf sie zu bedienen.

Datum Methoden können Sie das Jahr, den Monat zu erhalten und eingestellt, Tag, Stunde, Minute, Sekunde und Millisekunde von Objekten, entweder lokale Zeit oder UTC (Universal oder GMT) Zeit.

Datumsmethoden werden in einem späteren Kapitel behandelt.


Anzeige der Termine

Wenn Sie ein Datum Objekt in HTML angezeigt werden , wird es automatisch in einen String umgewandelt, mit der toString() Methode.

Beispiel

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

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

Ist das gleiche wie:

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

<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
Versuch es selber "

Die toUTCString() -Methode konvertiert ein Datum mit einer UTC - String (eine Datumsanzeige Standard).

Beispiel

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
</script>
Versuch es selber "

Die toDateString() -Methode konvertiert ein Datum zu einem besser lesbaren Format:

Beispiel

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
</script>
Versuch es selber "

Date-Objekte sind statisch. Der Computer Zeit tickt, aber Datum Objekte, einmal erstellt, sind es nicht.


Zeitzonen

Wenn ein Datum einstellen, ohne die Zeitzone anzugeben, wird JavaScript, um die Zeitzone des Browsers.

Wenn ein Datum bekommen, ohne die Zeitzone angibt, wird das Ergebnis in der Zeitzone des Browsers umgewandelt.

Mit anderen Worten: Wenn ein Datum / Zeit in GMT (Greenwich Mean Time) erstellt wird, wird das Datum / Zeit CDT (Zentral US-Sommerzeit) umgewandelt werden, wenn ein Benutzer von der zentralen US grast.

Lesen Sie mehr über Zeitzonen in den nächsten Kapiteln.


Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 »