¿Cómo puedo mostrar la fecha y hora actual en mi sitio?

Modificado el Dom., 4 Ene. a las 3:52 P. M.

Si deseás que tus lectores visualicen la fecha y hora exacta en tu portada, podés hacerlo fácilmente insertando un pequeño código en un bloque de diseño.


Pasos para la instalación:

  1. Ingresá a Contenido > Maqueta de Bloques HTML.

  2. Creá o seleccioná un bloque HTML donde prefieras mostrar la información (por ejemplo, arriba del logo o debajo del menú).

  3.  Dentro del editor del bloque, hacé clic en Insertar >Código fuente y pegá el siguiente script:

<div id="fechaHora"></div>
<script type="text/javascript">
let meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
let fechaActual = new Date();
let hora = ('0' + fechaActual.getHours()).slice(-2); let minutos = ('0' + fechaActual.getMinutes()).slice(-2); document.getElementById('fechaHora').innerHTML = fechaActual.getDate() + " de " + meses[fechaActual.getMonth()] + " de " + fechaActual.getFullYear() + " " + hora + ":" + minutos;
</script>
  1. Hacé clic en Guardar y desactivá la maqueta de bloques para ver el resultado final en vivo.


Tip de diseño: Podés envolver el código en etiquetas de estilo si querés cambiar el tamaño de letra o el color para que combine mejor con tu plantilla.

¿Le fue útil este artículo?

¡Qué bueno!

Gracias por sus comentarios

¡Sentimos mucho no haber sido de ayuda!

Gracias por sus comentarios

¡Díganos cómo podemos mejorar este artículo!

Seleccione al menos una de las razones
La verificación de CAPTCHA es obligatoria.

Comentarios enviados

Agradecemos su iniciativa, e intentaremos corregir el artículo