Einführung in JavaScript-Datumsformate

Ein Datum ist ein in JavaScript integriertes Objekt. Es speichert Datum und Uhrzeit und wird verwendet, um die Uhrzeit zu speichern, zu erstellen und zu ändern, die Uhrzeit zu messen oder das aktuelle Datum mit oder ohne die Zeitkomponente in verschiedenen Formaten anzuzeigen. Es bietet auch verschiedene Funktionen oder Methoden zum Spielen.

Die JavaScript-Datumsinstanz repräsentiert einen Moment in einem plattformunabhängigen Format. Das Date-Objekt enthält sowohl den Datums- als auch den Zeitteil. ISO 8601 (JJJJ-MM-TT) ist der internationale Standard für die Darstellung von Datum und Uhrzeit sowie des bevorzugten Datumsformats in JavaScript. Außerdem enthalten Date-Objekte eine Zahl, die Datum und Uhrzeit in Millisekunden seit dem 1. Januar 1970 UTC darstellt, abhängig vom Wert, der für das Date-Objekt angegeben wurde.

Syntax

Um ein neues Date-Objekt zu definieren, müssen wir ein neues Date () mit einer der folgenden Optionen aufrufen:

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

Wir müssen den neuen Operator verwenden, um ein Date-Objekt zu instanziieren. Wenn Sie das Date-Objekt direkt verwenden, z. B. now = Date (), ist der zurückgegebene Wert eine Zeichenfolge und kein Date-Objekt.

Wenn keine Argumente angegeben werden, zeigt das Date-Objekt das aktuelle Datum und die aktuelle Uhrzeit an. Standardmäßig zeigt das Date-Objekt in JavaScript Datum / Uhrzeit in Ortszeit an.

Beispiele für JavaScript-Datumsformate

Lassen Sie uns anhand der folgenden Beispiele sehen:

Beispiel 1

Aktuelles Datum und Uhrzeit anzeigen

Code



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;

Ausgabe:

Datumsformate

Die verschiedenen Möglichkeiten, wie wir Datum in JavaScript formatieren können, sind:

  • ISO-Datum (Internationaler Standard) - "2019-11-06"
  • Langes Datum - "12. November 2019" oder "12. November 2019"
  • Kurzes Date - “12/11/2019”

Beispiel # 2

Datumsangaben in verschiedenen Formaten anzeigen

Code



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())

Ausgabe:

Aus dem obigen Code können wir ersehen, dass der Monatsteil des Datums bei Null beginnt, dh Januar ist der nullte Monat. Gleiches gilt für den Tagesabschnitt (getDay ()), der Sonntag beginnt bei Null.

Wenn wir das Datum im String-Format im Date-Objekt angeben, schreiben wir in der Regel "12-11-2019" (12. November 2019), aber wenn wir das Datum in diesem Format in JavaScript angeben, erhalten wir einen falschen Datumswert.

Beispiel # 3

Das falsche Datum wird angezeigt

Code



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;

Ausgabe:

Jetzt zeigen wir Datum und Uhrzeit in Millisekunden mit der Funktion Date.parse () an. Diese Funktion ermittelt die genaue Anzahl der Millisekunden, die seit dem 1. Januar 1970, Mitternacht, bis zum angegebenen Datum vergangen sind.

Beispiel # 4

Datum in Millisekunden

Code



var msec_date = Date.parse('12-11-2019');
console.log("Date in Milli-Seconds:", msec_date)

Ausgabe:

Das Gute am JavaScript-Datumsobjekt ist, dass, wenn wir einen Wert angeben, der nicht in einen akzeptablen Bereich fällt, JavaScript das Datum automatisch neu berechnet, um einen akzeptablen Datumswert zu erhalten. Betrachten wir ein Beispiel:

Beispiel # 5

Automatische Korrektur des Datumswerts

Code



var autocorrect_date = new Date(2019, 9, 46);
console.log("Date Value:", autocorrect_date)

Ausgabe:

Das obige Codebeispiel berechnet den angegebenen Wert neu und zeigt einen korrekten, akzeptablen Datumswert an. Wenn wir auch den Codeabschnitt zur Bereitstellung des Datenwerts bemerken, können wir den Datums- und Zeitwert-Teil anscheinend aufteilen und ihn als einzelne durch Komma getrennte Zahlen darstellen. Der Wert "9" stellt den Monat Oktober dar, wie im vorherigen Abschnitt dieses Artikels erläutert, in dem der Monatsteil des Datums von 0 beginnt (Januar = 0, Februar = 1 usw.).

Fazit

In diesem Artikel haben wir das JavaScript-Datumsobjekt kennengelernt und verschiedene Datums- / Uhrzeitformate verstanden, die in JavaScript mithilfe integrierter Datums- / Uhrzeitmethoden angezeigt werden können. Eine der bewährten Methoden besteht darin, Datumsangaben mit der Argumentmethode zu erstellen und die Verwendung der Datumszeichenfolgemethode zu vermeiden.

Empfohlene Artikel

Dies ist eine Anleitung zu JavaScript-Datumsformaten. Hier diskutieren wir die Einführung in JavaScript zusammen mit entsprechenden Beispielen. Sie können auch unsere anderen Artikelvorschläge durchgehen, um mehr zu erfahren.

  1. Sicherheit von Webanwendungen
  2. Was ist WebSocket?
  3. Was sind ASP.Net-Webdienste?
  4. Was ist Selenium Web Driver?

Kategorie:

Software-Entwicklung