În acest articol, vom afla despre diferitele moduri de formatare a unui obiect Date în diferite șiruri de date de diferite formate folosind JavaScript.

Vom vedea metodele de formatare a obiectelor Date în diverse șiruri de date cu formate diferite folosind JavaScript. Indiferent dacă construiți o aplicație web, manipulați date sau pur și simplu afișați datele, stăpânirea acestor tehnici vă va permite să prezentați datele în formatul care se potrivește cel mai bine nevoilor dvs. Să explorăm versatilitatea formatării datei în JavaScript.

Lista de mai jos conține diferitele moduri de formatare a datei în JavaScript:

Cuprins

• Metoda 1: Folosind metoda toDateString().
• Metoda 2: Folosind metoda toISOString().
• Metoda 3: Folosind metoda toLocaleDateString().
• Metoda 4: Folosind metoda toLocaleString().
• Metoda 5: Utilizarea metodei obiect Intl.DateTimeFormat().
• Metoda 6: Formatați manual data folosind metodele Date

Metoda 1: Folosind metoda toDateString().

The metoda toDateString(). formatează obiectul dată într-un format care poate fi citit de om ca Zi Luna Data Anul.

Sintaxă:

dateObj.toDateString(); 

Exemplu: Exemplul de cod de mai jos explică utilizarea metodei toDateString() pentru a formata data.

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

Fri Dec 29 2023 

Metoda 2: Folosind metoda toISOString().

The metoda toISOString(). va formata datele în standardele internaționale conform formatului ISO 8601.

Sintaxă:

dateObj.toISOString(); 

Exemplu: Exemplul de cod de mai jos implementează metoda toISOString() pentru a formata obiectul dată.

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

2023-12-29T09:39:27.634Z 

Metoda 3: Folosind metoda toLocaleDateString().

metoda toLocaleDateString(). va formata partea dată a obiectului dată în același format ca și cel dobândit de sistemul dvs. sau în formatul specificat.

Sintaxă:

dateObj.toLocaleDateString();

Exemplu: Exemplul de cod de mai jos convertește data în formatul dobândit de sistemul dumneavoastră.

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 

Metoda 4: Folosind metoda toLocaleString().

metoda toLocaleString(). va funcționa la fel cum funcționează toLocaleDateString(). Singura diferență este că returnează și ora cu șirul formatat.

Sintaxă:

dateObj.toLocaleString();

Exemplu: Exemplul de mai jos folosește metoda toLocaleString() pentru a formata data.

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 

Metoda 5: Utilizarea metodei obiect Intl.DateTimeFormat().

Metoda obiect Intl.DateTimeFormat(). este o metodă puternică de formatare a obiectului data. Formatează data în formatul specificat și cu opțiunile specificate pentru formatarea datei și orei.

Sintaxă:

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

Exemplu: Exemplul de mai jos formatează obiectul dată folosind metoda obiectului 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 

Metoda 6: Formatați manual data folosind metodele Date

În această abordare, vom folosi diferite metode de dată pentru a obține ziua, data, luna și anul obiectului dată și apoi le vom conectează pentru a forma un șir de dată formatat.

Exemplu: Exemplul de cod de mai jos folosește diferite metode de dată pentru a obține data și a o formata.

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