Utiliza Date.prototype.toLocaleString() en JavaScript para formatear fechas y horas

30 julio, 2025 Arkkan

Aprende cómo usar este método para hacer que tus aplicaciones sean más amigables para los usuarios

La función Date.prototype.toLocaleString() es una herramienta útil en JavaScript para formatear fechas y horas de acuerdo con el formato local del sistema operativo. Esta función es especialmente útil cuando se trabaja con aplicaciones que tienen usuarios en diferentes partes del mundo, ya que permite que los usuarios vean las fechas y horas en su propio formato local.

Ejemplo 1: Mostrar fecha y hora localizadas en formato corto


const fecha = new Date();
console.log(fecha.toLocaleString('es-ES', { timeZone: Intl.DateTimeFormat().timeZone, hour12: false }));

Este código muestra la fecha y hora actual en formato corto, localizado según el sistema operativo del dispositivo y en español (es-ES). La propiedad `hour12` se establece en `false`, lo que muestra las horas en formato de 24 horas.

Ejemplo 2: Mostrar fecha y hora localizadas en formato largo


const fecha = new Date();
console.log(fecha.toLocaleString('es-ES', { timeZone: Intl.DateTimeFormat().timeZone, hour12: false }));

Este código muestra la fecha y hora actual en formato largo, localizado según el sistema operativo del dispositivo y en español (es-ES). La propiedad `hour12` se establece en `false`, lo que muestra las horas en formato de 24 horas.

Ejemplo 3: Mostrar fecha y hora localizadas en formato específico


const fecha = new Date();
console.log(fecha.toLocaleString('es-ES', { timeZone: Intl.DateTimeFormat().timeZone, hour12: false, year: 'numeric', month: 'long', day: 'numeric', weekday: 'long', hour: '2-digit', minute: '2-digit'}));

Este código muestra la fecha y hora actual en formato específico, localizado según el sistema operativo del dispositivo y en español (es-ES). Se pueden especificar opciones adicionales para mostrar el año, mes, día, día de la semana, hora y minuto en diferentes formatos.

Ejemplo 4: Mostrar fecha y hora localizadas en diferente zona horaria


const fecha = new Date();
console.log(fecha.toLocaleString('es-ES', { timeZone: 'America/New_York' }));

Este código muestra la fecha y hora actual en formato corto, localizado en la zona horaria de Nueva York (America/New_York) y en español (es-ES). Se puede cambiar la zona horaria según sea necesario.

Ejemplo 5: Mostrar fecha y hora localizadas con diferente formato de tiempo


const fecha = new Date();
console.log(fecha.toLocaleString('es-ES', { timeZone: Intl.DateTimeFormat().timeZone, hour12: true }));

Este código muestra la fecha y hora actual en formato corto, localizado según el sistema operativo del dispositivo y en español (es-ES). La propiedad `hour12` se establece en `true`, lo que muestra las horas en formato de 12 horas.

Ejemplo 6: Mostrar fecha y hora localizadas con diferente opción de lenguaje


const fecha = new Date();
console.log(fecha.toLocaleString('en-US', { timeZone: Intl.DateTimeFormat().timeZone, hour12: false }));

Este código muestra la fecha y hora actual en formato corto, localizado según el sistema operativo del dispositivo y en inglés (en-US). La propiedad `hour12` se establece en `false`, lo que muestra las horas en formato de 24 horas.

Conclusión

Utilizar Date.prototype.toLocaleString() es una forma fácil de asegurarse de que tus aplicaciones sean más amigables para los usuarios, independientemente de dónde se encuentren. Asegúrate de comprender la documentación oficial de JavaScript y prueba diferentes formatos de fechas y horas para asegurarte de que estén en línea con tus necesidades específicas.