Konvertieren Sie Millisekunden in Datum in JavaScript

Muhammad Muzammil Hussain 12 Oktober 2023
  1. Konvertieren Sie Millisekunden in Datum in JavaScript
  2. Generieren Sie String-Datum aus Millisekunden in JavaScript
Konvertieren Sie Millisekunden in Datum in JavaScript

In diesem Artikel wird das Generieren eines Datums aus Millisekunden mit dem standardmäßigen date-Objekt und den Standardmethoden von JavaScript erläutert.

Konvertieren Sie Millisekunden in Datum in JavaScript

Um ein Datum aus Millisekunden in JavaScript zu generieren, können wir das Standard-JavaScript-Objekt date und seine Methoden verwenden. Zunächst müssen wir den Millisekundenwert als Parameter an das date-Objekt übergeben und ein Datum in das gewünschte Datumsformat konvertieren.

Es gibt mehrere Standardmethoden zum Konvertieren des Datumsformats. Meistens müssen Entwickler Datumsinhalte in Zeichenfolgen konvertieren, wie unten in der Syntax gezeigt.

Grundlegende Syntax:

let date = new Date(milliseconds);  // convert date from milliseconds
date.toString();                    // change format

Generieren Sie String-Datum aus Millisekunden in JavaScript

Das folgende Beispiel erstellt eine einfache Webseite, in der wir das aktuelle date-Objekt generieren und es mit der date.time()-Methode in Millisekunden umwandeln. Dann generieren wir mit diesem Millisekundenwert auf Knopfdruck ein Zeichenfolgenformat des aktuellen Datums.

Beispielcode:

<!DOCTYPE html>

<html>

<body>

<h2>DelftStack learning</h2>

    <h3>JavaScript convert milliseconds to date example</h3>

    <p id="millisecondsDate" > </p>

    <button onClick="myFunction()">

        click here

    </button>

    <p id="convertedDate">  </p>

    <script>

    var original = document.getElementById('millisecondsDate');
    var result = document.getElementById('convertedDate');
    var time = new Date().getTime(); // current date in milliseconds

    original.innerHTML = "Milliseconds = " + time;

    function myFunction() {
        var date = new Date(time);
        result.innerHTML = date.toString(); // final date in string
    }

    </script>

</body>

</html>

Im obigen HTML-Quellcode haben wir das Absatz-Tag <p></p> verwendet, um das konvertierte Datum anzuzeigen. In <script>-Tags haben wir das aktuelle Datum generiert und erhalten die Millisekunden.

Wir haben myFunction() deklariert und ein neues Datum generiert, indem wir Millisekunden als Parameter übergeben. Konvertieren Sie nun das Datum mit der Methode toString() in das String-Format.

Das endgültig konvertierte Datum haben wir mit innerHTML dem Absatz-Tag zugewiesen. Hier haben wir myFunction() per Knopfdruck aufgerufen.

Sie können die obige Quelle mit der HTML-Erweiterung speichern und im Browser öffnen, um die Ergebnisse anzuzeigen.

Gängige Datumskonvertierungen von Millisekunden in JavaScript

Hier sind einige gängige Methoden für die Datumskonvertierung von Millisekunden in verschiedene Datumsformate in JavaScript.

let originalDate = new Date(milliseconds);

originalDate.toLocaleString(); // output will be: "D/MM/YYYY, H:MM:SS PM/AM"

originalDate.toLocaleDateString(); //output will be: "D/MM/YYYY"

originalDate.toDateString(); // output will be: "Day Month DD YYYY"

originalDate.toTimeString(); // output will be: "HH:MM:SS GMT+0530"

originalDate.toString(); // output will be: "Day Month DD YYYY HH:MM:SS GMT+0500"

originalDate.toLocaleTimeString(); // output will be: "H:MM:SS AM/PM"

Verwandter Artikel - JavaScript DateTime