Obtener la fecha de hoy en HTML

Subodh Poudel 19 febrero 2023 2 enero 2022
  1. Utilice la función JavaScript Date() para obtener la fecha actual en HTML
  2. Obtenga la fecha actual en el formato y/m/d en HTML
  3. Obtenga la fecha actual usando el método JavaScript toLocaleDateString() en HTML
Obtener la fecha de hoy en HTML

En este artículo, presentaremos algunos métodos para obtener la fecha actual en HTML.

Utilice la función JavaScript Date() para obtener la fecha actual en HTML

Podemos usar la función JavaScript Date() para obtener la fecha actual. La función devuelve la fecha y hora actuales. Podemos crear un contenedor HTML y mostrar la fecha actual en él usando JavaScript. Usaremos la propiedad innerHTML para escribir la fecha en HTML.

Por ejemplo, cree un div y establezca current_date como su id. Luego, escriba algo de JavaScript dentro de la etiqueta script. Seleccione current_id usando la propiedad getElementById y llame a la función Date(). Utilice la propiedad innerHTML para escribir la fecha devuelta en HTML.

El siguiente ejemplo mostrará la fecha y hora actuales como se muestra en la sección de salida a continuación. La salida contiene el día de la semana, mes, día, año, hora, minuto, segundo y el GMT y la información sobre la ubicación.

Código de ejemplo:

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

Obtenga la fecha actual en el formato y/m/d en HTML

También podemos encontrar la fecha actual en formato y/m/d utilizando los diversos métodos de JavaScript Date(). Podemos obtener el año actual del método getFullYear(), el mes actual del método getMonth() y el día actual del método getDate(). En este método, usaremos el objeto Date() para acceder a estas diversas funciones. Podemos formatear la fecha de la forma que queramos y mostrarla en una página HTML usando la propiedad innerHTML.

Por ejemplo, cree un div con la misma identificación que en el método anterior. En JavaScript, cree un objeto date de la clase Date(). A continuación, cree tres variables year, month y day. Utilice el objeto date para llamar a los métodos getFullYear(), getMonth() y getDate(), y almacene esas variables respectivas. A continuación, utilice el objeto document y llame a la propiedad getElementById para seleccionar la identificación del div. A continuación, establezca innerHTML en las variables month, day y year separados por una barra.

De esta forma, podemos obtener la fecha actual en formato m/d/y en HTML usando la clase JavaScript Date().

Código de ejemplo:

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

Obtenga la fecha actual usando el método JavaScript toLocaleDateString() en HTML

Podemos usar la función de JavaScript toLocaleDateString() para encontrar la fecha actual. La función toLocaleDateString() devuelve la fecha actual de acuerdo con el idioma proporcionado en la función. Hay varias convenciones específicas del idioma, y ​​podemos definir el idioma con la función toLocaleDateString(). La función toma dos parámetros que son locales y options. Podemos especificar el idioma de la salida mediante la opción locales. Por ejemplo, podemos usar en-US para el inglés estadounidense y en-GB para el inglés británico.

Por ejemplo, cree un div y escriba JavaScript dentro de la etiqueta script. Cree un objeto date de la clase date y llame al método toLocaleDateString(). A continuación, utilice document.write() para mostrar la variable date.

Podemos ver la salida en formato m/d/y. Por lo tanto, podemos usar el método toLocaleDateString() para encontrar la fecha actual en HTML.

Código de ejemplo:

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

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn