In questo articolo impareremo i diversi modi di formattare un oggetto Date in diverse stringhe di data di diversi formati utilizzando JavaScript.

Vedremo i metodi per formattare gli oggetti Date in varie stringhe di data con formati diversi utilizzando JavaScript. Che tu stia creando un'applicazione web, manipolando dati o semplicemente visualizzando le date, padroneggiare queste tecniche ti consentirà di presentare le date nel formato che meglio si adatta alle tue esigenze. Esploriamo la versatilità della formattazione della data in JavaScript.

L'elenco seguente contiene i diversi modi di formattare la data in JavaScript:

Tabella dei contenuti

convertire una stringa in una data

• Metodo 1: utilizzo del metodo toDateString()
• Metodo 2: utilizzo del metodo toISOString()
• Metodo 3: utilizzo del metodo toLocaleDateString()
• Metodo 4: utilizzo del metodo toLocaleString()
• Metodo 5: utilizzo del metodo dell'oggetto Intl.DateTimeFormat()
• Metodo 6: formattare manualmente la data utilizzando i metodi Data

Metodo 1: utilizzo del metodo toDateString()

IL metodo toDateString() formatta l'oggetto data in un formato leggibile dall'uomo come Giorno Mese Data Anno.

Sintassi:

entità relazionale

dateObj.toDateString();>

Esempio: L'esempio di codice seguente spiega l'uso del metodo toDateString() per formattare la data.

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

Fri Dec 29 2023>

Metodo 2: utilizzo del metodo toISOString()

IL metodo toISOString() formatterà i dati negli standard internazionali seguendo il formato ISO 8601.

Sintassi:

dateObj.toISOString();>

Esempio: L'esempio di codice seguente implementa il metodo toISOString() per formattare l'oggetto data.

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

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

Metodo 3: utilizzo del metodo toLocaleDateString()

metodo toLocaleDateString() formatterà la parte relativa alla data dell'oggetto data nello stesso formato acquisito dal sistema o nel formato specificato.

Sintassi:

dateObj.toLocaleDateString();

Esempio: L'esempio di codice seguente converte la data nel formato acquisito dal sistema.

conversione di int in stringa in Java

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>

Metodo 4: utilizzo del metodo toLocaleString()

metodo toLocaleString() funzionerà in modo simile a toLocaleDateString(). L'unica differenza è che restituisce anche l'ora con la stringa formattata.

Sintassi:

Scorciatoie da tastiera di Linux

dateObj.toLocaleString();

Esempio: L'esempio seguente utilizza il metodo toLocaleString() per formattare la 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>

Metodo 5: utilizzo del metodo dell'oggetto Intl.DateTimeFormat()

Metodo dell'oggetto Intl.DateTimeFormat() è un potente metodo oggetto per formattare l'oggetto data. Formatta la data nel formato specificato e con le opzioni specificate per la formattazione della data e dell'ora.

Sintassi:

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

Esempio: L'esempio seguente formatta l'oggetto data utilizzando il metodo dell'oggetto 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>

Metodo 6: formattare manualmente la data utilizzando i metodi Data

In questo approccio, utilizzeremo i diversi metodi di data per ottenere il giorno, la data, il mese e l'anno dell'oggetto data e quindi concatenarli per formare una stringa di data formattata.

Esempio: L'esempio di codice seguente utilizza i diversi metodi di data per ottenere la data e formattarla.

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>