En este artículo, aprenderemos sobre las diferentes formas de formatear un objeto Date en diferentes cadenas de fecha de diferentes formatos usando JavaScript.

eliminar el primer caracter en excel

Veremos los métodos para formatear objetos de fecha en varias cadenas de fecha con diferentes formatos usando JavaScript. Ya sea que esté creando una aplicación web, manipulando datos o simplemente mostrando fechas, dominar estas técnicas le permitirá presentar fechas en el formato que mejor se adapte a sus necesidades. Exploremos la versatilidad del formato de fecha en JavaScript.

La siguiente lista contiene las diferentes formas de formatear la fecha en JavaScript:

Tabla de contenidos

• Método 1: usar el método toDateString()
• Método 2: usar el método toISOString()
• Método 3: usar el método toLocaleDateString()
• Método 4: usar el método toLocaleString()
• Método 5: usar el método del objeto Intl.DateTimeFormat()
• Método 6: formatear la fecha manualmente utilizando métodos de fecha

Método 1: usar el método toDateString()

El método toDateString() formatea el objeto de fecha en un formato legible por humanos como Día Mes Fecha Año.

Sintaxis:

dateObj.toDateString();>

Ejemplo: El siguiente ejemplo de código explica el uso del método toDateString() para formatear la fecha.

const currentDate = new Date(); const formattedDate = currentDate.toDateString(); console.log(formattedDate);>

Fri Dec 29 2023>

Método 2: usar el método toISOString()

El método toISOString() formateará los datos según las Normas Internacionales siguiendo el formato ISO 8601.

Sintaxis:

dateObj.toISOString();>

Ejemplo: El siguiente ejemplo de código implementa el método toISOString() para formatear el objeto de fecha.

operador condicional en java

const currentDate = new Date(); const formattedDate = currentDate.toISOString(); console.log(formattedDate);>

2023-12-29T09:39:27.634Z>

Método 3: usar el método toLocaleDateString()

método toLocaleDateString() formateará la parte de fecha del objeto de fecha en el mismo formato adquirido por su sistema o en el formato especificado.

Sintaxis:

dateObj.toLocaleDateString();

Ejemplo: El siguiente ejemplo de código convierte la fecha al formato adquirido por su sistema.

const currentDate = new Date(); const formattedLocalDate = currentDate.toLocaleDateString(); const formattedInSpecifiedFormat = currentDate.toLocaleDateString("hi-IN"); console.log(formattedLocalDate); console.log(formattedInSpecifiedFormat);>

12/29/2023 29/12/2023>

Método 4: usar el método toLocaleString()

método toLocaleString() funcionará de manera similar a como funciona toLocaleDateString(). La única diferencia es que también devuelve la hora con la cadena formateada.

Sintaxis:

dateObj.toLocaleString();

sistema operativo de red

Ejemplo: El siguiente ejemplo utiliza el método toLocaleString() para formatear la fecha.

const currentDate = new Date(); const formattedLocalDate = currentDate.toLocaleString(); const formattedInSpecifiedFormat = currentDate.toLocaleString("hi-IN"); console.log(formattedLocalDate); console.log(formattedInSpecifiedFormat);>

12/29/2023, 9:39:27 AM 29/12/2023, 9:39:27 am>

Método 5: usar el método del objeto Intl.DateTimeFormat()

Método de objeto Intl.DateTimeFormat() es un poderoso método de objeto para formatear el objeto de fecha. Formatea la fecha en el formato especificado y con las opciones especificadas para formatear la fecha y la hora.

Sintaxis:

const formatObj = new Intl.DateTimeFormat('en-US'); formatObj.format(dateObj);>

Ejemplo: El siguiente ejemplo formatea el objeto de fecha utilizando el método de objeto intl.DateTimeFormat().

const currentDate = new Date(); const dateTimeFormatter = new Intl.DateTimeFormat("en-US", {dateStyle: 'long'}); const formattedDate = dateTimeFormatter.format(currentDate); console.log(formattedDate);>

December 29, 2023>

Método 6: formatear la fecha manualmente utilizando métodos de fecha

En este enfoque, usaremos los diferentes métodos de fecha para obtener el día, la fecha, el mes y el año del objeto de fecha y luego los combinaremos para formar una cadena de fecha formateada.

Ejemplo: El siguiente ejemplo de código utiliza los diferentes métodos de fecha para obtener la fecha y formatearla.

const weekDays =  ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; const monthsArr =  ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; const currentDateObj = new Date(); const currentDay = weekDays[currentDateObj.getDay()]; const currentDate = currentDateObj.getDate(); const currentMonth = monthsArr[currentDateObj.getMonth()]; const currentYear = currentDateObj.getFullYear(); console.log(`${currentDay} ${currentDate} ${currentMonth}, ${currentYear}`);>

Fri 29 Dec, 2023>