Gewusst wie: Vergleichen Sie Datumsangaben in JavaScript

December 9

Bei der Webentwicklung ist es oft sinnvoll, Datumsvergleich, bestimmen, welche neueren und älteren ist. Vergleichen von Daten mit einer JavaScript-Funktion ist einfach. Auch wenn Sie sehr wenig Erfahrung in JavaScript, Programmierung oder Web-Entwicklung im Allgemeinen können Sie Ausführen dieser Aufgabe, wie des Codes für die Datumsverarbeitung erforderlichen und Vergleich ist kurz und unkompliziert. Datumsvergleich ist eine häufige Aufgabe, besonders bei der Verwaltung von Benutzer-Interaktion mit Elementen in einer Website.

Anweisungen

1 Erstellen Sie Ihre Web-Seite. Wenn Sie keine Seite eingerichtet haben, erstellen Sie indem Sie eine neue Datei in einem Texteditor öffnen und speichern mit der Erweiterung ".html". Geben Sie die folgende Gliederung für Ihre Seite umfasst einen Abschnitt für JavaScript-Code im Kopfbereich:

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

JavaScript-Funktionen hier

< / script >

< / head >

< Körper >

<!--content hier-->

< / body >

< / html >

Die JavaScript-Funktionen werden in dem Skriptabschnitt der Seite Kopf, platziert werden, während der Inhalt der Seite zwischen den HTML-Body-Tags platziert werden.

2 Geben Sie eine JavaScript-Funktion, um die Datumsvergleich durchzuführen. Zwischen dem öffnenden und dem schließenden "Script"-Tags eingegeben Sie die Funktion Kontur wie folgt:

Funktion checkDate() {}

Funktionscode hier

}

Innerhalb der Funktion können Sie keinen Javascriptcode eingeben, die Sie mögen. Finden Sie das aktuelle Datum mit dem folgenden Code zwischen den öffnenden und schließenden Klammern der Funktion:

Var CurrentDate = new Date();

3 Erstellen Sie einen zweiten Termin zur aktuellen zu vergleichen. Fügen Sie den folgenden Code an die Funktion, erstellen ein weiteres Date-Objekts, aber diesmal auf ein bestimmtes Datum festlegen:

Var ComparisonDate = new Date();

comparisonDate.setFullYear (2020, 3, 20);

Dieser Code setzt das Datum in das zweite Date-Objekt, 20. März 2020. Sie können experimentieren, indem Sie diesen Wert ändern, wenn der Code abgeschlossen ist und Sie bereit sind, es zu testen.

4 Vergleichen Sie die beiden Datumsangaben. Fügen Sie den folgenden Code, vergleichen das aktuelle Datum mit der skizzierten im Code:

If(CurrentDate<comparisonDate)

Alert ("das betreffende Datum ist noch nicht erreicht worden");

sonst

Alert ("das betreffende Datum vergangen");

Dies gibt einfach eine Warnung beim Aufruf der Funktion innerhalb der Seite.

5 Ändern Sie die Funktion, um Inhalte in die Webseite zu schreiben. Fügen Sie das folgende HTML-Element innerhalb der Body-Bereich der Seite:

< Div Id = "Ergebnis" > Vergleichsergebnis < / Div >

6 Ändern Sie die JavaScript-Funktion:

If(CurrentDate<comparisonDate)

Document.getElementById("result").innerHTML = "das betreffende Datum wurde noch nicht erreicht";

sonst

Document.getElementById("result").innerHTML = "das betreffende Datum vergangen";

7 Rufen Sie die Funktion durch Änderung der Eröffnung Körper Tag:

< onload="checkDate() Körper" >

8 Speichern Sie die Seite und testen Sie, indem sie in einem Webbrowser öffnen.

Tipps & Warnungen

  • Das Date-Objekt in JavaScript bietet Zugriff auf viele verschiedene Datumsfunktionen. Wenn Sie ein Objekt erstellen, wird es automatisch das aktuelle Datum festgelegt.
  • Sie können ein Datum vom Benutzer eingegeben werden, indem Sie es in ein HTML-Formular erfassen vergleichen.
  • Der bedingte Test prüft, ob heute ist kleiner als die angegebene ein; dieser Test gibt false zurück, wenn die Daten identisch sind.