JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JavaScript-Datumsobjekte


Mit JavaScript Date Object können wir mit Datumsangaben arbeiten:

Samstag, 29. Januar 2022, 16:23:54 GMT+0000 (Koordinierte Weltzeit)

Beispiel

const d = new Date();

JavaScript-Datumsausgabe

Standardmäßig verwendet JavaScript die Zeitzone des Browsers und zeigt ein Datum als Volltextzeichenfolge an:

Samstag, 29. Januar 2022, 16:23:54 GMT+0000 (Koordinierte Weltzeit)

Später in diesem Tutorial erfahren Sie mehr darüber, wie Sie Datumsangaben anzeigen.


Erstellen von Datumsobjekten

Datumsobjekte werden mit dem new Date()Konstruktor erstellt.

Es gibt 4 Möglichkeiten , ein neues Datumsobjekt zu erstellen:

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

neues Datum()

new Date()erstellt ein neues Datumsobjekt mit dem aktuellen Datum und der aktuellen Uhrzeit :

Beispiel

const d = new Date();

Datumsobjekte sind statisch. Die Computerzeit tickt, Datumsobjekte jedoch nicht.


neues Datum ( Jahr, Monat, ... )

new Date(year, month, ...)erstellt ein neues Datumsobjekt mit einem bestimmten Datum und einer bestimmten Uhrzeit .

7 Zahlen geben Jahr, Monat, Tag, Stunde, Minute, Sekunde und Millisekunde an (in dieser Reihenfolge):

Beispiel

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Hinweis: JavaScript zählt Monate von 0 bis 11 :

Januar = 0 .

Dezember = 11 .

Die Angabe eines Monats über 11 führt nicht zu einem Fehler, sondern fügt den Überlauf dem nächsten Jahr hinzu:

Angabe:

const d = new Date(2018, 15, 24, 10, 33, 30);

Ist das gleiche wie:

const d = new Date(2019, 3, 24, 10, 33, 30);

Die Angabe eines Tages höher als max führt nicht zu einem Fehler, sondern fügt den Überlauf dem nächsten Monat hinzu:

Angabe:

const d = new Date(2018, 5, 35, 10, 33, 30);

Ist das gleiche wie:

const d = new Date(2018, 6, 5, 10, 33, 30);

Mit 6, 4, 3 oder 2 Zahlen

6 Zahlen geben Jahr, Monat, Tag, Stunde, Minute, Sekunde an:

Beispiel

const d = new Date(2018, 11, 24, 10, 33, 30);

5 Zahlen geben Jahr, Monat, Tag, Stunde und Minute an:

Beispiel

const d = new Date(2018, 11, 24, 10, 33);

4 Zahlen geben Jahr, Monat, Tag und Stunde an:

Beispiel

const d = new Date(2018, 11, 24, 10);

3 Zahlen geben Jahr, Monat und Tag an:

Beispiel

const d = new Date(2018, 11, 24);

2 Zahlen geben Jahr und Monat an:

Beispiel

const d = new Date(2018, 11);

Sie können den Monat nicht auslassen. Wenn Sie nur einen Parameter angeben, wird dieser als Millisekunden behandelt.

Beispiel

const d = new Date(2018);

Voriges Jahrhundert

Ein- und zweistellige Jahreszahlen werden als 19xx interpretiert:

Beispiel

const d = new Date(99, 11, 24);

Beispiel

const d = new Date(9, 11, 24);

neues Datum( dateString )

new Date(dateString)erstellt ein neues Datumsobjekt aus einer Datumszeichenfolge :

Beispiel

const d = new Date("October 13, 2014 11:13:00");

Datumsstrings werden im nächsten Kapitel beschrieben.


JavaScript speichert Datumsangaben als Millisekunden

JavaScript speichert Datumsangaben als Anzahl von Millisekunden seit dem 01. Januar 1970, 00:00:00 UTC (Universal Time Coordinated).

Nullzeit ist der 1. Januar 1970 00:00:00 UTC.

Jetzt ist die Zeit: 1643473434896 Millisekunden nach dem 01. Januar 1970


neues Datum ( Millisekunden )

new Date(milliseconds)erstellt ein neues Datumsobjekt als Nullzeit plus Millisekunden :

Beispiel

const d = new Date(0);

1. Januar 1970 plus 100 000 000 000 Millisekunden ist ungefähr 3. März 1973:

Beispiel

const d = new Date(100000000000);

1. Januar 1970 minus 100 000 000 000 Millisekunden ist ungefähr der 31. Oktober 1966:

Beispiel

const d = new Date(-100000000000);

Beispiel

const d = new Date(86400000);

Ein Tag (24 Stunden) hat 86 400 000 Millisekunden.



Datumsmethoden

Wenn ein Date-Objekt erstellt wird, können Sie es mit einer Reihe von Methoden bearbeiten.

Mit Datumsmethoden können Sie das Jahr, den Monat, den Tag, die Stunde, die Minute, die Sekunde und die Millisekunde von Datumsobjekten abrufen und festlegen, indem Sie entweder die Ortszeit oder die UTC-Zeit (Universalzeit oder GMT) verwenden.

Datumsmethoden und Zeitzonen werden in den nächsten Kapiteln behandelt.


Datum anzeigen

JavaScript gibt (standardmäßig) Daten im Volltext-String-Format aus:

Beispiel

Sat Jan 29 2022 16:23:54 GMT+0000 (Coordinated Universal Time)

Wenn Sie ein Datumsobjekt in HTML anzeigen, wird es mit der toString()Methode automatisch in einen String umgewandelt.

Beispiel

const d = new Date();
d.toString();

Die toUTCString()Methode konvertiert ein Datum in eine UTC-Zeichenfolge (ein Standard für die Datumsanzeige).

Beispiel

const d = new Date();
d.toUTCString();

Die toDateString()Methode konvertiert ein Datum in ein besser lesbares Format:

Beispiel

const d = new Date();
d.toDateString();

Die toISOString()Methode wandelt ein Date-Objekt unter Verwendung des ISO-Standardformats in einen String um:

Beispiel

const d = new Date();
d.toISOString();

Vollständige JavaScript-Datumsreferenz

Eine vollständige Datumsreferenz finden Sie in unserem:

Vollständige JavaScript-Datumsreferenz .

Die Referenz enthält Beschreibungen und Beispiele aller Date-Eigenschaften und -Methoden.