Tässä artikkelissa opimme eri tavoista muotoilla Date-objekti eri muotoisia päivämäärämerkkijonoja JavaScriptin avulla.

Näemme tavat muotoilla päivämääräobjektit erilaisiin päivämäärämerkkijonoihin eri muodoissa JavaScriptin avulla. Rakennatpa verkkosovellusta, käsittelet tietoja tai yksinkertaisesti näytät päivämääriä, näiden tekniikoiden hallitseminen antaa sinulle mahdollisuuden esittää päivämäärät tarpeisiisi parhaiten sopivassa muodossa. Tutkitaan JavaScriptin päivämäärän muotoilun monipuolisuutta.

Alla oleva luettelo sisältää erilaisia ​​tapoja muotoilla päivämäärä JavaScriptissä:

Sisällysluettelo

• Tapa 1: Käytä toDateString()-metodia
• Tapa 2: Käytä toISOString()-menetelmää
• Tapa 3: Käytä toLocaleDateString()-metodia
• Tapa 4: Käytä toLocaleString()-metodia
• Tapa 5: Intl.DateTimeFormat()-objektimenetelmän käyttäminen
• Tapa 6: Muotoile päivämäärä manuaalisesti päivämäärämenetelmillä

Tapa 1: Käytä toDateString()-metodia

The toDateString()-metodi muotoilee päivämääräobjektin ihmisen luettavaan muotoon Päivä Kuukausi Päivämäärä Vuosi.

Syntaksi:

dateObj.toDateString();>

Esimerkki: Alla oleva koodiesimerkki selittää toDateString()-menetelmän käytön päivämäärän muotoilussa.

vastustaa jsonia javassa

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

Fri Dec 29 2023>

Tapa 2: Käytä toISOString()-menetelmää

The toISOString() -menetelmä muotoilee tiedot kansainvälisiin standardeihin ISO 8601 -formaatin mukaisesti.

Syntaksi:

dateObj.toISOString();>

Esimerkki: Alla oleva koodiesimerkki toteuttaa toISOString()-menetelmän päivämääräobjektin muotoiluun.

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

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

Tapa 3: Käytä toLocaleDateString()-metodia

toLocaleDateString()-metodi muotoilee päivämääräobjektin päivämääräosan samaan muotoon kuin järjestelmäsi on hankkinut tai määritettyyn muotoon.

Syntaksi:

teollisuus ja tehdas

dateObj.toLocaleDateString();

Esimerkki: Alla oleva koodiesimerkki muuntaa päivämäärän järjestelmäsi hankkimaan muotoon.

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>

Tapa 4: Käytä toLocaleString()-metodia

toLocaleString()-metodi toimii samalla tavalla kuin toLocaleDateString() toimii. Ainoa ero on, että se palauttaa myös ajan muotoillun merkkijonon kanssa.

Syntaksi:

dateObj.toLocaleString();

Esimerkki: Alla oleva esimerkki käyttää toLocaleString()-menetelmää päivämäärän muotoiluun.

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>

Tapa 5: Intl.DateTimeFormat()-objektimenetelmän käyttäminen

Intl.DateTimeFormat() -objektimenetelmä on tehokas objektimenetelmä päivämääräobjektin muotoilemiseen. Se muotoilee päivämäärän määritettyyn muotoon ja määrittää päivämäärän ja kellonajan muotoiluasetukset.

kytkinkotelo java

Syntaksi:

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

Esimerkki: Alla oleva esimerkki muotoilee päivämääräobjektin käyttämällä intl.DateTimeFormat() -objektimenetelmää.

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

December 29, 2023>

Tapa 6: Muotoile päivämäärä manuaalisesti päivämäärämenetelmillä

Tässä lähestymistavassa käytämme erilaisia ​​päivämäärämenetelmiä saadaksemme päivämääräobjektin päivän, päivämäärän, kuukauden ja vuoden ja yhdistämme ne sitten muotoillun päivämäärämerkkijonon muodostamiseksi.

Esimerkki: Alla oleva koodiesimerkki käyttää erilaisia ​​päivämäärämenetelmiä päivämäärän hakemiseen ja sen muotoiluun.

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>