I denne artikkelen vil vi lære om de forskjellige måtene å formatere et Date-objekt til forskjellige datostrenger i forskjellige formater ved å bruke JavaScript.
Vi vil se metodene for å formatere Dato-objekter til forskjellige datostrenger med forskjellige formater ved å bruke JavaScript. Enten du bygger en nettapplikasjon, manipulerer data eller bare viser datoer, vil å mestre disse teknikkene gi deg mulighet til å presentere datoer i det formatet som passer best for dine behov. La oss utforske allsidigheten til datoformatering i JavaScript.
Listen nedenfor inneholder de forskjellige måtene å formatere Dato på i JavaScript:
Innholdsfortegnelse
cast int til streng java
- Metode 1: Bruk av toDateString()-metoden
- Metode 2: Bruk av toISOString()-metoden
- Metode 3: Bruk av toLocaleDateString()-metoden
- Metode 4: Bruk av toLocaleString()-metoden
- Metode 5: Bruke Intl.DateTimeFormat()-objektmetoden
- Metode 6: Formater dato manuelt ved hjelp av datometoder
Metode 1: Bruk av toDateString()-metoden
De toDateString()-metoden formaterer datoobjektet til et menneskelesbart format som Dag Måned Dato År.
Syntaks:
skuespiller zeenat aman
dateObj.toDateString();>
Eksempel: Kodeeksemplet nedenfor forklarer bruken av toDateString()-metoden for å formatere datoen.
Javascript const currentDate = new Date(); const formattedDate = currentDate.toDateString(); console.log(formattedDate);>
Produksjon
Fri Dec 29 2023>
Metode 2: Bruk av toISOString()-metoden
De toISOString()-metoden vil formatere dataene til de internasjonale standardene etter ISO 8601-formatet.
Syntaks:
dateObj.toISOString();>
Eksempel: Kodeeksemplet nedenfor implementerer toISOString()-metoden for å formatere datoobjektet.
Javascript const currentDate = new Date(); const formattedDate = currentDate.toISOString(); console.log(formattedDate);>
Produksjon
2023-12-29T09:39:27.634Z>
Metode 3: Bruk av toLocaleDateString()-metoden
toLocaleDateString()-metoden vil formatere datodelen av datoobjektet til det samme formatet som er anskaffet av systemet ditt eller i det spesifiserte formatet.
Syntaks:
dateObj.toLocaleDateString();
Eksempel: Kodeeksemplet nedenfor konverterer datoen til formatet anskaffet av systemet ditt.
røye til strengJavascript
const currentDate = new Date(); const formattedLocalDate = currentDate.toLocaleDateString(); const formattedInSpecifiedFormat = currentDate.toLocaleDateString("hi-IN"); console.log(formattedLocalDate); console.log(formattedInSpecifiedFormat);>
Produksjon
12/29/2023 29/12/2023>
Metode 4: Bruk av toLocaleString()-metoden
toLocaleString()-metoden vil fungere på samme måte som toLocaleDateString() fungerer. Den eneste forskjellen er at den også returnerer tiden med den formaterte strengen.
Syntaks:
java struktur
dateObj.toLocaleString();
Eksempel: Eksempelet nedenfor bruker metoden toLocaleString() for å formatere datoen.
Javascript const currentDate = new Date(); const formattedLocalDate = currentDate.toLocaleString(); const formattedInSpecifiedFormat = currentDate.toLocaleString("hi-IN"); console.log(formattedLocalDate); console.log(formattedInSpecifiedFormat);>
Produksjon
12/29/2023, 9:39:27 AM 29/12/2023, 9:39:27 am>
Metode 5: Bruke Intl.DateTimeFormat()-objektmetoden
Intl.DateTimeFormat() objektmetode er en kraftig objektmetode for å formatere datoobjektet. Den formaterer datoen til spesifisert format og med de spesifiserte alternativene for formatering av dato og klokkeslett.
Syntaks:
const formatObj = new Intl.DateTimeFormat('en-US'); formatObj.format(dateObj);>Eksempel: Eksempelet nedenfor formaterer datoobjektet ved å bruke intl.DateTimeFormat()-objektmetoden.
Javascript const currentDate = new Date(); const dateTimeFormatter = new Intl.DateTimeFormat("en-US", {dateStyle: 'long'}); const formattedDate = dateTimeFormatter.format(currentDate); console.log(formattedDate);> Produksjon
December 29, 2023>
Metode 6: Formater dato manuelt ved hjelp av datometoder
I denne tilnærmingen vil vi bruke de forskjellige datometodene for å få dagen, datoen, måneden og året for datoobjektet og deretter sette dem sammen for å danne en formatert datostreng.
Eksempel: Kodeeksemplet nedenfor bruker de forskjellige datometodene for å hente dato og formatere den.
Javascript 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}`);> Produksjon
Fri 29 Dec, 2023>