Das heutige Datum in HTML abfragen

1. Verwenden Sie die JavaScript-Funktion Date(), um das aktuelle Datum in HTML zu erhalten
2. Holen Sie sich das aktuelle Datum im Format y/m/d in HTML
3. Holen Sie sich das aktuelle Datum mit der JavaScript-Methode toLocaleDateString() in HTML

In diesem Artikel stellen wir einige Methoden vor, um das aktuelle Datum in HTML abzurufen.

Verwenden Sie die JavaScript-Funktion Date(), um das aktuelle Datum in HTML zu erhalten

Wir können die JavaScript-Funktion Date() verwenden, um das aktuelle Datum zu erhalten. Die Funktion gibt das aktuelle Datum und die aktuelle Uhrzeit zurück. Wir können einen HTML-Container erstellen und darin mit JavaScript das aktuelle Datum anzeigen. Wir verwenden die Eigenschaft innerHTML, um das Datum in HTML zu schreiben.

Erstellen Sie zum Beispiel ein div und legen Sie current_date als ID fest. Dann schreiben Sie etwas JavaScript in das script-Tag. Wählen Sie die current_id mit der Eigenschaft getElementById und rufen Sie die Funktion Date() auf. Verwenden Sie die Eigenschaft innerHTML, um das zurückgegebene Datum in HTML zu schreiben.

Das folgende Beispiel zeigt das aktuelle Datum und die aktuelle Uhrzeit an, wie im Ausgabeabschnitt unten gezeigt. Die Ausgabe enthält Wochentag, Monat, Tag, Jahr, Stunde, Minute, Sekunde und die GMT sowie die Informationen zum Standort.

Beispielcode:

<div id="current_date">
    <script>
        document.getElementById("current_date").innerHTML = Date();
    </script>
</div>

Holen Sie sich das aktuelle Datum im Format y/m/d in HTML

Wir können das aktuelle Datum auch im Format y/m/d mit den verschiedenen JavaScript-Methoden Date() ermitteln. Aus der Methode getFullYear() erhalten wir das aktuelle Jahr, aus der Methode getMonth() den aktuellen Monat und aus der Methode getDate() den aktuellen Tag. In dieser Methode verwenden wir das Objekt Date(), um auf diese verschiedenen Funktionen zuzugreifen. Wir können das Datum beliebig formatieren und mit der Eigenschaft innerHTML auf einer HTML-Seite darstellen.

Erstellen Sie beispielsweise ein div mit derselben ID wie in der obigen Methode. Erstellen Sie in JavaScript ein date-Objekt der Klasse Date(). Als nächstes erstellen Sie die drei Variablen year, month und day. Verwenden Sie das Objekt date, um die Methoden getFullYear(), getMonth() und getDate() aufzurufen und in den entsprechenden Variablen zu speichern. Als nächstes verwenden Sie das document-Objekt und rufen die getElementById-Eigenschaft auf, um die ID des div auszuwählen. Als nächstes setzen Sie innerHTML auf die Variablen month, day und year getrennt durch einen Schrägstrich.

Auf diese Weise können wir das aktuelle Datum im Format m/d/y in HTML mit der JavaScript-Klasse Date() abrufen.

Beispielcode:

<div id="current_date">
    <script>
        date = new Date();
        year = date.getFullYear();
        month = date.getMonth() + 1;
        day = date.getDate();
        document.getElementById("current_date").innerHTML = month + "/" + day + "/" + year;
    </script>
</div>

Holen Sie sich das aktuelle Datum mit der JavaScript-Methode toLocaleDateString() in HTML

Wir können die JavaScript-Funktion toLocaleDateString() verwenden, um das aktuelle Datum zu finden. Die Funktion toLocaleDateString() gibt das aktuelle Datum entsprechend der in der Funktion bereitgestellten Sprache zurück. Es gibt verschiedene sprachspezifische Konventionen und wir können die Sprache mit der Funktion toLocaleDateString() definieren. Die Funktion benötigt zwei Parameter, nämlich locales und options. Die Sprache der Ausgabe können wir mit der Option locales festlegen. Beispielsweise können wir en-US für US-Englisch und en-GB für britisches Englisch verwenden.

Erstellen Sie beispielsweise ein div und schreiben Sie JavaScript in das script-Tag. Erstellen Sie ein date-Objekt der Klasse Date() und rufen Sie die Methode toLocaleDateString() auf. Als nächstes verwenden Sie document.write(), um die Variable date anzuzeigen.

Wir sehen die Ausgabe im Format m/d/y. So können wir die Methode toLocaleDateString() verwenden, um das aktuelle Datum in HTML zu finden.

Beispielcode:

<div>
    <script>
        date = new Date().toLocaleDateString();
        document.write(date);
    </script>
</div>