Utilizar toLocaleDateString() en JavaScript

23 junio, 2025 Arkkan

Aprende a formatear fechas locales con esta función de JavaScript

toLocaleDateString() es una función integrada en JavaScript que se utiliza para formatear fechas y horas según el formato local del usuario. Esta función es útil en situaciones donde se necesita mostrar la fecha y hora de acuerdo a los formatos regionales o locales.

Ejemplo 1: Convertir una fecha en formato de la región actual


const date = new Date();
const formattedDate = date.toLocaleDateString();
console.log(formattedDate);

Este ejemplo muestra cómo utilizar toLocaleDateString() para convertir una fecha en el formato de la región actual. La función toLocaleDateString() devuelve una cadena que representa la fecha en el formato adecuado según el sistema regional actual del navegador.

Ejemplo 2: Convertir una fecha en un formato específico de región


const date = new Date();
const formattedDate = date.toLocaleDateString('es-ES', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' });
console.log(formattedDate);

En este ejemplo, se utiliza toLocaleDateString() para convertir una fecha en un formato específico de región. Se pasa el parámetro de localización ‘es-ES’, que representa España, y se especifican opciones adicionales para mostrar el nombre completo del día de la semana, el año completo y el mes completo.

Ejemplo 3: Convertir una fecha en formato de región específica con opciones personalizadas


const date = new Date();
const formattedDate = date.toLocaleDateString('fr-CA', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' });
console.log(formattedDate);

Este ejemplo muestra cómo utilizar toLocaleDateString() para convertir una fecha en un formato de región específica con opciones personalizadas. Se pasa el parámetro de localización ‘fr-CA’, que representa Canadá francés, y se especifican opciones adicionales para mostrar la hora y los minutos en formato 2 dígitos.

Ejemplo 4: Convertir una fecha en formato de región específica con personalización avanzada


const date = new Date();
const formattedDate = date.toLocaleDateString('en-US', {
  weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric',
  hour: '2-digit',
  minute: '2-digit',
  hour12: false
});
console.log(formattedDate);

Este ejemplo muestra cómo utilizar toLocaleDateString() para convertir una fecha en un formato de región específica con personalización avanzada. Se pasa el parámetro de localización ‘en-US’, que representa Estados Unidos, y se especifican opciones adicionales para mostrar la hora en formato 24 horas y sin formatear como «AM/PM».

Ejemplo 5: Convertir una fecha en formato de región específica con personalización avanzada y tiempo en formato Unix


const date = new Date();
const formattedDate = date.toLocaleDateString('de-DE', {
  weekday: 'long',
  year: 'numeric',
  month: 'long',
  day: 'numeric',
  hour: '2-digit',
  minute: '2-digit'
});
console.log(formattedDate);
const unixTimestamp = date.getTime();
console.log(unixTimestamp);

Este ejemplo muestra cómo utilizar toLocaleDateString() para convertir una fecha en un formato de región específica con personalización avanzada y tiempo en formato Unix. Se pasa el parámetro de localización ‘de-DE’, que representa Alemania, y se especifican opciones adicionales para mostrar la hora y los minutos en formato 2 dígitos. También se utiliza getTime() para obtener el tiempo Unix de la fecha actual.

Conclusión

Al utilizar toLocaleDateString(), puedes garantizar que las fechas y horas sean mostradas de manera correcta según el formato local del usuario. Esta función es especialmente útil en aplicaciones con una audiencia global, donde los formatos de fecha y hora pueden variar.

Para integrar toLocaleDateString() en sus proyectos futuros, simplemente siga estos pasos:

Cree una instancia de la función Date()
Utilice el método toLocaleDateString() para formatear la fecha según el formato local del usuario
Muestre la fecha en su aplicación o sitio web