In dit artikel leren we over de verschillende manieren om een ​​Date-object op te maken in verschillende datumreeksen met verschillende formaten met behulp van JavaScript.

We zullen de methoden zien voor het opmaken van Date-objecten in verschillende datumreeksen met verschillende formaten met behulp van JavaScript. Of u nu een webapplicatie bouwt, gegevens manipuleert of eenvoudigweg datums weergeeft, als u deze technieken beheerst, kunt u datums presenteren in het formaat dat het beste bij uw behoeften past. Laten we de veelzijdigheid van datumnotatie in JavaScript eens onderzoeken.

De onderstaande lijst bevat de verschillende manieren om Datum in JavaScript op te maken:

Inhoudsopgave

• Methode 1: De methode toDateString() gebruiken
• Methode 2: De methode toISOString() gebruiken
• Methode 3: De methode toLocaleDateString() gebruiken
• Methode 4: De methode toLocaleString() gebruiken
• Methode 5: De objectmethode Intl.DateTimeFormat() gebruiken
• Methode 6: Datum handmatig opmaken met datummethoden

Methode 1: De methode toDateString() gebruiken

De toDateString()-methode formatteert het datumobject in een voor mensen leesbaar formaat als Dag Maand Datum Jaar.

Syntaxis:

dateObj.toDateString();>

Voorbeeld: In het onderstaande codevoorbeeld wordt het gebruik van de methode toDateString() uitgelegd om de datum op te maken.

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

Fri Dec 29 2023>

Methode 2: De methode toISOString() gebruiken

De toISOString()-methode zal de gegevens formatteren in de internationale normen volgens het ISO 8601-formaat.

Syntaxis:

dateObj.toISOString();>

Voorbeeld: In het onderstaande codevoorbeeld wordt de methode toISOString() geïmplementeerd om het date-object op te maken.

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

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

Methode 3: De methode toLocaleDateString() gebruiken

toLocaleDateString()-methode zal het datumgedeelte van het datumobject opmaken in hetzelfde formaat als verkregen door uw systeem of in het opgegeven formaat.

Syntaxis:

dateObj.toLocaleDateString();

Voorbeeld: Het onderstaande codevoorbeeld converteert de datum naar het formaat dat door uw systeem is verkregen.

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>

Methode 4: De methode toLocaleString() gebruiken

toLocaleString()-methode zal op dezelfde manier werken als toLocaleDateString() werkt. Het enige verschil is dat het ook de tijd retourneert met de opgemaakte string.

Syntaxis:

dateObj.toLocaleString();

Voorbeeld: In het onderstaande voorbeeld wordt de methode toLocaleString() gebruikt om de datum op te maken.

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>

Methode 5: De objectmethode Intl.DateTimeFormat() gebruiken

Intl.DateTimeFormat()-objectmethode is een krachtige objectmethode om het datumobject op te maken. Het formatteert de datum in een gespecificeerd formaat en met de gespecificeerde opties voor het formatteren van de datum en tijd.

Syntaxis:

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

Voorbeeld: In het onderstaande voorbeeld wordt het date-object opgemaakt met behulp van de objectmethode 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>

Methode 6: Datum handmatig opmaken met datummethoden

In deze aanpak zullen we de verschillende datummethoden gebruiken om de dag, datum, maand en jaar van het datumobject te verkrijgen en deze vervolgens samenvoegen om een ​​opgemaakte datumreeks te vormen.

Voorbeeld: In het onderstaande codevoorbeeld worden de verschillende datummethoden gebruikt om de datum op te halen en deze op te maken.

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>