Fechas en Javascript con la función toLocaleDateString() del objeto Date()

Según la documentación oficial el método toLocaleDateString() retorna una fecha formateada en string con base en  el idioma especificado, zona horaria y algunas otras opciones útiles al trabajar con fechas... 

La función recibe dos parámetros, locale y options que permiten  especificar el idioma de  las cuales las convenciones de formato  deben utilizarse adamas de personalizar el comportamiento de la función. Veamos un ejemplo rápido...


const my_date = new Date(2024,03,05);

En una constante  guardamos una instancia del objeto Date de javascript, para trabajar  la función toLocaleDateString()  y sus dos parametros que puede recibir...


const locale  = 'es-MX';
const options = {
  weekday : 'long',
  month   : 'long',
  day     : 'numeric',
  year    : 'numeric',
  timezone: 'UTC'
};

La función en acción...


console.log( my_date.toLocaleDateString(locale,options));
//salida: viernes, 5 de abril de 2024

El resultado una fecha formateada según el parámetro locale y sus opciones (Nota: la salida para el mes es abril y no marzo, en el objeto date el mes inicia en 0).
Veamos otro ejemplo rápido; ¿Qué pasa si modificamos las opciones para la función?


const my_date = new Date(2024,03,05);
const locale  = 'es-MX';
const options = {
  month   : 'short',
  day     : 'numeric',
  year    : 'numeric',
  timezone: 'UTC'
};

console.log( my_date.toLocaleDateString(locale,options));
//salida: 5 abr 2024

Como vemos podemos cambiar nuestra salida para encontrar un formato que mejor nos acomode, para este caso omitimos el día de la semana y el mes lo establecemos en un formato corto.

Nota: Dependiendo de la configuración o como este establecida tu zona horaria; al trabajar con fechas con Date() es recomendable enviar el formato de fecha hora completo "2024-03-12T00:00:00"