Convertir milisegundos a la fecha en JavaScript

Muhammad Muzammil Hussain 12 octubre 2023
  1. Convertir milisegundos a la fecha en JavaScript
  2. Generar fecha de cadena a partir de milisegundos en JavaScript
Convertir milisegundos a la fecha en JavaScript

Este artículo discutirá la generación de una fecha a partir de milisegundos utilizando el objeto y los métodos predeterminados de fecha de JavaScript.

Convertir milisegundos a la fecha en JavaScript

Para generar una fecha a partir de milisegundos en JavaScript, podemos usar el objeto de fecha de JavaScript predeterminado y sus métodos. En primer lugar, debemos estar obligados a pasar el valor de milisegundos como parámetro al objeto fecha y convertir una fecha al formato de fecha deseado.

Hay varios métodos predeterminados para convertir el formato de fecha. En su mayoría, los desarrolladores necesitan convertir el contenido de la fecha en una cadena, como se muestra a continuación en la sintaxis.

Sintaxis básica:

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

Generar fecha de cadena a partir de milisegundos en JavaScript

El siguiente ejemplo creará una página web simple en la que generaremos el objeto fecha actual y lo convertiremos en milisegundos mediante el método fecha.hora(). Luego, con ese valor de milisegundos, generaremos un formato de cadena de la fecha actual con solo hacer clic en un botón.

Código de ejemplo:

<!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>

En el código fuente HTML anterior, hemos utilizado la etiqueta de párrafo <p></p> para mostrar la fecha de conversión. En las etiquetas <script>, hemos generado la fecha actual y obtenemos los milisegundos.

Declaramos myFunction() y generamos una nueva fecha pasando milisegundos como parámetro. Ahora, convierta la fecha en formato de cadena usando el método toString().

Asignamos la fecha de conversión final a la etiqueta de párrafo usando innerHTML. Aquí, llamamos a myFunction() haciendo clic en un botón.

Puede guardar la fuente anterior con la extensión de HTML y abrirla en el navegador para ver los resultados.

Conversiones de fecha comunes de milisegundos en JavaScript

Estos son algunos métodos comunes para la conversión de fechas de milisegundos a varios formatos de fecha en 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"

Artículo relacionado - JavaScript DateTime