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.

tutorial c#

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.

la roda del ratolí no es desplaça correctament

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();

números per a l'alfabet

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>