Šajā rakstā mēs uzzināsim par dažādiem veidiem, kā formatēt Datuma objektu dažādās datuma virknēs dažādos formātos, izmantojot JavaScript.

Mēs redzēsim metodes datuma objektu formatēšanai dažādās datuma virknēs ar dažādiem formātiem, izmantojot JavaScript. Neatkarīgi no tā, vai veidojat tīmekļa lietojumprogrammu, manipulējat ar datiem vai vienkārši parādāt datumus, šo metožu apgūšana ļaus jums parādīt datumus formātā, kas vislabāk atbilst jūsu vajadzībām. Izpētīsim datuma formatēšanas daudzpusību JavaScript.

Tālāk esošajā sarakstā ir dažādi veidi, kā formatēt datumu JavaScript:

Satura rādītājs

• 1. metode: metodes toDateString() izmantošana
• 2. metode: metodes toISOString() izmantošana
• 3. metode: metodes toLocaleDateString() izmantošana
• 4. metode: metodes toLocaleString() izmantošana
• 5. metode: objekta metodes Intl.DateTimeFormat() izmantošana
• 6. metode: manuāli formatējiet datumu, izmantojot datuma metodes

1. metode: metodes toDateString() izmantošana

The toDateString() metode formatē datuma objektu cilvēkam lasāmā formātā kā Diena Mēnesis Datums Gads.

Sintakse:

dateObj.toDateString(); 

Piemērs: Tālāk sniegtajā koda piemērā ir izskaidrota metodes toDateString() izmantošana datuma formatēšanai.

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

Fri Dec 29 2023 

2. metode: metodes toISOString() izmantošana

The metodi toISOString(). formatēs datus starptautiskajos standartos pēc ISO 8601 formāta.

Sintakse:

dateObj.toISOString(); 

Piemērs: Tālāk sniegtajā koda piemērā ir ieviesta metode toISOString(), lai formatētu datuma objektu.

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

2023-12-29T09:39:27.634Z 

3. metode: metodes toLocaleDateString() izmantošana

toLocaleDateString() metode formatēs datuma objekta datuma daļu tādā pašā formātā, kādu ieguvusi jūsu sistēma, vai norādītajā formātā.

Sintakse:

dateObj.toLocaleDateString();

Piemērs: Tālāk sniegtais koda piemērs pārvērš datumu jūsu sistēmas iegūtajā formātā.

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 

4. metode: metodes toLocaleString() izmantošana

toLocaleString() metode darbosies līdzīgi kā darbojas toLocaleDateString(). Vienīgā atšķirība ir tā, ka tas arī atgriež laiku ar formatētu virkni.

Sintakse:

dateObj.toLocaleString();

Piemērs: Tālāk sniegtajā piemērā datuma formatēšanai tiek izmantota metode toLocaleString().

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 

5. metode: objekta metodes Intl.DateTimeFormat() izmantošana

Intl.DateTimeFormat() objekta metode ir jaudīga objekta metode datuma objekta formatēšanai. Tas formatē datumu noteiktā formātā un ar norādītajām datuma un laika formatēšanas opcijām.

Sintakse:

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

Piemērs: Tālāk sniegtajā piemērā datuma objekts tiek formatēts, izmantojot objekta metodi 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 

6. metode: manuāli formatējiet datumu, izmantojot datuma metodes

Šajā pieejā mēs izmantosim dažādas datuma metodes, lai iegūtu datuma objekta dienu, datumu, mēnesi un gadu un pēc tam tos savienotu, lai izveidotu formatētu datuma virkni.

Piemērs: Tālāk sniegtajā koda piemērā tiek izmantotas dažādas datuma metodes, lai iegūtu datumu un formatētu to.

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