Formatear fechas en JavaScript puede ser un poco complicado. Muchos desarrolladores confían en bibliotecas de terceros para formatear las fechas.
Hoy, compartiré un vistazo a los objetos de fecha integrados de Javascript. Para que puedas empezar a utilizarlo fácil y rápidamente en tu próximo proyecto.
Existen varios métodos para formatear una fecha en javascript.
Date Object viene con métodos muy útiles que puedes utilizar para obtener la fecha en el formato adecuado.
Una vez que lo llama como función, devuelve la fecha y hora actuales del navegador, pero cuando lo llama como constructor, devuelve un nuevo objeto de fecha junto con métodos.
Formato de fecha Javascript usando Date();
'Lunes 10 de octubre de 2022 13:04:29 GMT+0500 (hora estándar de Pakistán)'
nueva fecha();
También obtendrás la fecha actual, pero ahora puedes llamar a los métodos del objeto.
Puede obtener la lista de todos los métodos disponibles en documentos mdn como:
- getFullYear - (aaaa)
- obtenerMes - (0-11)
- obtener fecha - (1-31)
- obtener Horas - (0-23)
- obtener minutos - (0-59)
- obtener segundos - (0-59)
- getDay- (0-6) Donde 0 representa el domingo
- y mucho más
Puede utilizar estos métodos para obtener el tiempo deseado. Pero aún así, necesitamos alguna solución para obtener la fecha y hora reales legibles por humanos para aplicaciones web profesionales.
Zonas horarias:
Hay muchas zonas horarias, pero consideramos principalmente la hora local y universal (UTC) o GMT.
De forma predeterminada, casi todos los métodos de fecha devuelven la hora local.
toLocaleDateString
Devuelve una cadena de partes de fecha para una fecha específica según la zona horaria del usuario.
Puede pasar dos argumentos, configuraciones regionales y opciones.
Las configuraciones regionales son la notación corta del idioma, como "en-US" para inglés americano, "en-GB" para inglés británico, "hi-IN" para hindi, "ur" para urdu, etc.
Opciones es un objeto que acepta información de formato adicional como:
- día: (numérico | 2 dígitos)
- día laborable: (estrecho | corto | largo)
- año: (numérico | 2 dígitos)
- mes: (numérico | 2 dígitos | estrecho | largo | corto)
- segundo: (numérico | 2 dígitos)
- minuto: (numérico | 2 dígitos)
- hora: (numérico | 2 dígitos)
Ejemplos:
const event = new Date();
const options = {
day: '2-digit',
year: '2-digit',
month: 'long',
weekday: 'short'
}
event.toLocaleDateString('en-US', options);
PD: El nivel de personalización con este enfoque es muy bajo.
Necesitará crear formatos personalizados si desea utilizar formatos de fecha más complejos.
Los siguientes recursos útiles pueden ayudarle a elegir formatos de fecha personalizados fácilmente:
