Šiame straipsnyje sužinosime apie skirtingus datos objekto formatavimo būdus į skirtingas skirtingų formatų datos eilutes naudojant „JavaScript“.

Pamatysime datos objektų formatavimo būdus į įvairias datos eilutes su skirtingais formatais naudojant JavaScript. Nesvarbu, ar kuriate žiniatinklio programą, manipuliuojate duomenimis ar tiesiog rodote datas, įvaldę šiuos metodus galėsite pateikti datas tokiu formatu, kuris geriausiai atitinka jūsų poreikius. Išnagrinėkime datos formatavimo „JavaScript“ universalumą.

Toliau pateiktame sąraše pateikiami įvairūs datos formatavimo būdai JavaScript:

Turinys

• 1 būdas: toDateString() metodo naudojimas
• 2 metodas: toISOString() metodo naudojimas
• 3 būdas: toLocaleDateString() metodo naudojimas
• 4 būdas: toLocaleString() metodo naudojimas
• 5 būdas: Intl.DateTimeFormat() objekto metodo naudojimas
• 6 būdas: rankiniu būdu suformatuokite datą naudodami datos metodus

1 būdas: toDateString() metodo naudojimas

The toDateString() metodas formatuoja datos objektą į žmogaus skaitomą formatą kaip Diena Mėnuo Data Metai.

Sintaksė:

dateObj.toDateString(); 

Pavyzdys: Toliau pateiktame kodo pavyzdyje paaiškinamas metodas toDateString() naudoti datai formatuoti.

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

Fri Dec 29 2023 

2 metodas: toISOString() metodo naudojimas

The toISOString() metodas formatuos duomenis į tarptautinius standartus pagal ISO 8601 formatą.

Sintaksė:

dateObj.toISOString(); 

Pavyzdys: Toliau pateiktame kodo pavyzdyje datos objektui formatuoti naudojamas metodas toISOString().

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

2023-12-29T09:39:27.634Z 

3 būdas: toLocaleDateString() metodo naudojimas

toLocaleDateString() metodas suformuos datos objekto datos dalį tokiu pačiu formatu, kokį gavo jūsų sistema arba nurodytu formatu.

Sintaksė:

dateObj.toLocaleDateString();

Pavyzdys: Žemiau pateiktas kodo pavyzdys konvertuoja datą į jūsų sistemos gautą formatą.

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 būdas: toLocaleString() metodo naudojimas

toLocaleString() metodas veiks taip pat, kaip veikia toLocaleDateString(). Vienintelis skirtumas yra tas, kad jis taip pat grąžina laiką su suformatuota eilute.

Sintaksė:

dateObj.toLocaleString();

Pavyzdys: Toliau pateiktame pavyzdyje datai formatuoti naudojamas metodas 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 būdas: Intl.DateTimeFormat() objekto metodo naudojimas

Intl.DateTimeFormat() objekto metodas yra galingas objekto metodas datos objektui formatuoti. Ji suformatuoja datą į nurodytą formatą ir su nurodytomis datos ir laiko formatavimo parinktimis.

Sintaksė:

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

Pavyzdys: Toliau pateiktame pavyzdyje datos objektas formatuojamas naudojant objekto metodą 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 būdas: rankiniu būdu suformatuokite datą naudodami datos metodus

Taikydami šį metodą naudosime skirtingus datos metodus, kad gautume datos objekto dieną, datą, mėnesį ir metus, o tada juos sujungsime, kad sudarytume suformatuotą datos eilutę.

Pavyzdys: Toliau pateiktame kodo pavyzdyje naudojami skirtingi datos metodai datai gauti ir jai formatuoti.

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