I den här artikeln kommer vi att lära oss om de olika sätten att formatera ett Date-objekt till olika datumsträngar i olika format med hjälp av JavaScript.

Vi kommer att se metoderna för att formatera Date-objekt till olika datumsträngar med olika format med hjälp av JavaScript. Oavsett om du bygger en webbapplikation, manipulerar data eller helt enkelt visar datum, kommer att behärska dessa tekniker ge dig möjlighet att presentera datum i det format som bäst passar dina behov. Låt oss utforska mångsidigheten i datumformatering i JavaScript.

Listan nedan innehåller de olika sätten att formatera Date i JavaScript:

Innehållsförteckning

• Metod 1: Använd toDateString()-metoden
• Metod 2: Använda toISOString()-metoden
• Metod 3: Använda metoden toLocaleDateString()
• Metod 4: Använda metoden toLocaleString()
• Metod 5: Använda Intl.DateTimeFormat()-objektmetoden
• Metod 6: Formatera datum manuellt med datummetoder

Metod 1: Använd toDateString()-metoden

De toDateString()-metoden formaterar datumobjektet till ett mänskligt läsbart format som Dag Månad Datum År.

Syntax:

dateObj.toDateString();>

Exempel: Kodexemplet nedan förklarar användningen av metoden toDateString() för att formatera datumet.

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

Fri Dec 29 2023>

Metod 2: Använda toISOString()-metoden

De toISOString()-metoden kommer att formatera data till de internationella standarderna enligt ISO 8601-formatet.

Syntax:

dateObj.toISOString();>

Exempel: Kodexemplet nedan implementerar metoden toISOString() för att formatera datumobjektet.

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

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

Metod 3: Använda metoden toLocaleDateString()

toLocaleDateString()-metoden kommer att formatera datumdelen av datumobjektet till samma format som erhållits av ditt system eller i det angivna formatet.

Syntax:

dateObj.toLocaleDateString();

Exempel: Kodexemplet nedan konverterar datumet till det format som erhållits av ditt system.

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>

Metod 4: Använda metoden toLocaleString()

toLocaleString()-metoden kommer att fungera på samma sätt som toLocaleDateString() fungerar. Den enda skillnaden är att den också returnerar tiden med den formaterade strängen.

Syntax:

dateObj.toLocaleString();

Exempel: I exemplet nedan används metoden toLocaleString() för att formatera datumet.

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>

Metod 5: Använda Intl.DateTimeFormat()-objektmetoden

Intl.DateTimeFormat() objektmetod är en kraftfull objektmetod för att formatera datumobjektet. Den formaterar datumet till angivet format och med de angivna alternativen för att formatera datum och tid.

Syntax:

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

Exempel: Exemplet nedan formaterar datumobjektet med intl.DateTimeFormat()-objektmetoden.

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

December 29, 2023>

Metod 6: Formatera datum manuellt med datummetoder

I detta tillvägagångssätt kommer vi att använda de olika datummetoderna för att få datum, datum, månad och år för datumobjektet och sedan sammanfoga dem för att bilda en formaterad datumsträng.

Exempel: Kodexemplet nedan använder de olika datummetoderna för att få datum och formatera det.

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>