En aquest article, aprendrem sobre les diferents maneres de donar format a un objecte Date en diferents cadenes de dates de diferents formats mitjançant JavaScript.

Veurem els mètodes per donar format als objectes de data en diverses cadenes de dates amb diferents formats mitjançant JavaScript. Tant si esteu creant una aplicació web, manipulant dades o simplement mostrant dates, dominar aquestes tècniques us permetrà presentar dates en el format que millor s'adapti a les vostres necessitats. Explorem la versatilitat del format de data a JavaScript.

La llista següent conté les diferents maneres de donar format a la data en JavaScript:

Taula de contingut

• Mètode 1: utilitzant el mètode toDateString().
• Mètode 2: utilitzant el mètode toISOString().
• Mètode 3: utilitzant el mètode toLocaleDateString().
• Mètode 4: utilitzant el mètode toLocaleString().
• Mètode 5: utilitzant el mètode d'objecte Intl.DateTimeFormat().
• Mètode 6: Formateu manualment la data mitjançant els mètodes de la data

Mètode 1: utilitzant el mètode toDateString().

El mètode toDateString(). formata l'objecte de data en un format llegible per l'home com Dia Mes Data Any.

Sintaxi:

dateObj.toDateString(); 

Exemple: L'exemple de codi següent explica l'ús del mètode toDateString() per formatar la data.

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

Fri Dec 29 2023 

Mètode 2: utilitzant el mètode toISOString().

El mètode toISOString(). formatearà les dades en els estàndards internacionals seguint el format ISO 8601.

Sintaxi:

dateObj.toISOString(); 

Exemple: L'exemple de codi següent implementa el mètode toISOString() per formatar l'objecte de data.

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

2023-12-29T09:39:27.634Z 

Mètode 3: utilitzant el mètode toLocaleDateString().

mètode toLocaleDateString(). formatearà la part de la data de l'objecte de la data en el mateix format que l'ha adquirit el vostre sistema o en el format especificat.

Sintaxi:

dateObj.toLocaleDateString();

Exemple: L'exemple de codi següent converteix la data al format adquirit pel vostre 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ètode 4: utilitzant el mètode toLocaleString().

mètode toLocaleString(). funcionarà de la mateixa manera que funciona toLocaleDateString(). L'única diferència és que també retorna l'hora amb la cadena formatada.

Sintaxi:

dateObj.toLocaleString();

Exemple: L'exemple següent utilitza el mètode toLocaleString() per formatar la data.

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ètode 5: utilitzant el mètode d'objecte Intl.DateTimeFormat().

Mètode d'objecte Intl.DateTimeFormat(). és un mètode d'objecte potent per formatar l'objecte de data. Formatta la data en el format especificat i amb les opcions especificades per formatar la data i l'hora.

Sintaxi:

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

Exemple: L'exemple següent formata l'objecte data mitjançant el mètode d'objecte 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ètode 6: Formateu manualment la data mitjançant els mètodes de la data

En aquest enfocament, utilitzarem els diferents mètodes de data per obtenir el dia, la data, el mes i l'any de l'objecte de data i, a continuació, els connectarem per formar una cadena de data amb format.

Exemple: L'exemple de codi següent utilitza els diferents mètodes de data per obtenir la data i formatar-la.

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