V tomto článku sa dozvieme o rôznych spôsoboch formátovania objektu Date do rôznych dátumových reťazcov rôznych formátov pomocou JavaScriptu.

Uvidíme spôsoby formátovania objektov Date do rôznych dátumových reťazcov s rôznymi formátmi pomocou JavaScriptu. Či už vytvárate webovú aplikáciu, manipulujete s údajmi alebo jednoducho zobrazujete dátumy, zvládnutie týchto techník vám umožní prezentovať dátumy vo formáte, ktorý najlepšie vyhovuje vašim potrebám. Poďme preskúmať všestrannosť formátovania dátumu v JavaScripte.

Nižšie uvedený zoznam obsahuje rôzne spôsoby formátovania dátumu v JavaScripte:

Obsah

• Metóda 1: Použitie metódy toDateString().
• Metóda 2: Použitie metódy toISOSTring().
• Metóda 3: Použitie metódy toLocaleDateString().
• Metóda 4: Použitie metódy toLocaleString().
• Metóda 5: Použitie objektovej metódy Intl.DateTimeFormat().
• Metóda 6: Manuálne formátovanie dátumu pomocou metód dátumu

Metóda 1: Použitie metódy toDateString().

The metóda toDateString(). naformátuje objekt dátumu do formátu čitateľného pre človeka ako Deň Mesiac Dátum Rok.

Syntax:

dateObj.toDateString();>

Príklad: Nižšie uvedený príklad kódu vysvetľuje použitie metódy toDateString() na formátovanie dátumu.

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

Fri Dec 29 2023>

Metóda 2: Použitie metódy toISOSTring().

The metóda toISOSTring(). naformátuje údaje do medzinárodných noriem podľa formátu ISO 8601.

Syntax:

dateObj.toISOString();>

Príklad: Nižšie uvedený príklad kódu implementuje metódu toISOSTring() na formátovanie objektu dátumu.

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

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

Metóda 3: Použitie metódy toLocaleDateString().

metóda toLocaleDateString(). naformátuje dátumovú časť objektu dátumu do rovnakého formátu, aký získal váš systém, alebo do určeného formátu.

Syntax:

dateObj.toLocaleDateString();

Príklad: Nižšie uvedený príklad kódu skonvertuje dátum do formátu získaného vaším systémom.

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>

Metóda 4: Použitie metódy toLocaleString().

toLocaleString() metóda bude fungovať podobne ako toLocaleDateString(). Jediný rozdiel je v tom, že vracia aj čas s formátovaným reťazcom.

Syntax:

dateObj.toLocaleString();

Príklad: Nasledujúci príklad používa metódu toLocaleString() na formátovanie dátumu.

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>

Metóda 5: Použitie objektovej metódy Intl.DateTimeFormat().

Metóda objektu Intl.DateTimeFormat(). je výkonná objektová metóda na formátovanie objektu dátumu. Formátuje dátum do určeného formátu a so špecifikovanými možnosťami formátovania dátumu a času.

Syntax:

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

Príklad: Nižšie uvedený príklad formátuje objekt dátumu pomocou objektovej metódy intl.DateTimeFormat().

b+ stromy

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

December 29, 2023>

Metóda 6: Manuálne formátovanie dátumu pomocou metód dátumu

V tomto prístupe použijeme rôzne metódy dátumu, aby sme získali deň, dátum, mesiac a rok objektu dátumu a potom ich spojili, aby vytvorili formátovaný dátumový reťazec.

Príklad: Nižšie uvedený príklad kódu používa rôzne metódy dátumu na získanie dátumu a jeho formátovanie.

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>