Fechas en Javascript con la función toLocaleDateString() del objeto Date()
Programación
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"