logo

Hvordan formatere en dato i JavaScript?

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

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 streng
Javascript
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>