V tem članku bomo spoznali različne načine oblikovanja predmeta Date v različne datumske nize različnih formatov z uporabo JavaScripta.

Videli bomo metode oblikovanja datumskih objektov v različne datumske nize z različnimi formati z uporabo JavaScripta. Ne glede na to, ali gradite spletno aplikacijo, manipulirate s podatki ali preprosto prikazujete datume, vam bo obvladovanje teh tehnik omogočilo, da datume predstavite v obliki, ki najbolj ustreza vašim potrebam. Raziščimo vsestranskost oblikovanja datuma v JavaScriptu.

Spodnji seznam vsebuje različne načine oblikovanja datuma v JavaScriptu:

Kazalo

• 1. način: uporaba metode toDateString().
• 2. način: uporaba metode toISOString().
• 3. način: uporaba metode toLocaleDateString().
• 4. način: uporaba metode toLocaleString().
• 5. način: Uporaba metode objekta Intl.DateTimeFormat().
• 6. način: Ročno formatirajte datum z metodami Datum

1. način: uporaba metode toDateString().

The metoda toDateString(). formatira predmet datuma v človeku berljivo obliko kot Dan Mesec Datum Leto.

Sintaksa:

cp ukaz v linuxu

dateObj.toDateString();>

primer: Spodnji primer kode pojasnjuje uporabo metode toDateString() za oblikovanje datuma.

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

Fri Dec 29 2023>

2. način: uporaba metode toISOString().

The metoda toISOTring(). bo formatiral podatke v mednarodne standarde po formatu ISO 8601.

Sintaksa:

dateObj.toISOString();>

primer: Spodnji primer kode implementira metodo toISOString() za oblikovanje datumskega objekta.

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

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

3. način: uporaba metode toLocaleDateString().

metoda toLocaleDateString(). bo datumski del datumskega objekta formatiral v isti format, kot ga je pridobil vaš sistem, ali v podanem formatu.

Sintaksa:

dateObj.toLocaleDateString();

primer: Spodnji primer kode pretvori datum v obliko, ki jo pridobi vaš sistem.

java boolean

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>

4. način: uporaba metode toLocaleString().

metoda toLocaleString(). bo deloval na podoben način, kot deluje toLocaleDateString(). Edina razlika je v tem, da vrne tudi čas s formatiranim nizom.

Sintaksa:

dateObj.toLocaleString();

primer: Spodnji primer uporablja metodo toLocaleString() za oblikovanje datuma.

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>

5. način: Uporaba metode objekta Intl.DateTimeFormat().

Metoda objekta Intl.DateTimeFormat(). je zmogljiva objektna metoda za oblikovanje datumskega objekta. Datum oblikuje v določeno obliko in s podanimi možnostmi za oblikovanje datuma in ure.

Sintaksa:

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

primer: Spodnji primer formatira objekt datuma z metodo objekta intl.DateTimeFormat().

statična funkcija v Javi

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

December 29, 2023>

6. način: Ročno formatirajte datum z metodami Datum

Pri tem pristopu bomo uporabili različne datumske metode za pridobitev dneva, datuma, meseca in leta datumskega objekta in jih nato združili v formatiran datumski niz.

primer: Spodnji primer kode uporablja različne datumske metode za pridobivanje in oblikovanje datuma.

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>