Come visualizzare DateTime nel formato di 10 ore di 10 ore/PM in JavaScript?

La visualizzazione di DateTime in un formato di 12 ore AM/PM è relativamente conveniente da utilizzare per analizzare il tempo in modo efficace. Inoltre, questo approccio riduce la confusione tra mattina e sera. Ad esempio, il “am PM"Entrambi definiscono un intervallo di tempo specifico e si può facilmente relazionarsi al tempo, il che non è il caso nel formato di 24 ore.

Questo articolo spiegherà i metodi per visualizzare DateTime nel formato di 12 ore/pm in JavaScript.

Come visualizzare DateTime nel formato di 12 ore/pm in JavaScript?

I seguenti approcci possono essere applicati per visualizzare DateTime nel formato di 12 ore/pm in JavaScript:

• "tolocalestring ()" Metodo.
• "tolocaletimestring ()" Metodo.
• "In linea" Funzione.

Approccio 1: visualizzare DateTime nel formato di 12 ore AM/PM in JavaScript usando il metodo Tolocalestring ()

IL "tolocalestring ()"Il metodo restituisce un oggetto di data sotto forma di una stringa. Questo metodo può essere applicato per restituire l'ora corrente nel formato della lingua statunitense.

Sintassi

Data.tolocalestring (locali, opzioni)

Nella sintassi data,

• "Locali"Si riferisce al formato linguistico specifico.
• "opzioni"Indica l'oggetto a cui è possibile assegnare le proprietà.

Esempio
Innanzitutto, crea un nuovo oggetto di data usando "Nuova data ()"Costruttore:

var time = new Date ();

Ora, applica il "tolocalestring ()Metodo "con il"NOI"Formato linguistico e i valori assegnati del tempo come parametri. Qui, "Hour12"Indica che l'ora verrà visualizzata nel formato di 12 ore. Ciò comporterà la visualizzazione dell'ora corrente nel formato temporale degli Stati Uniti:

console.registro (tempo.tolocalestring ('en-us', ora: 'numerico', minuto: 'numerico', hour12: true));

Produzione

Approccio 2: visualizzare DateTime nel formato di 12 ore AM/PM in JavaScript utilizzando il metodo TolocaleTimestring ()

IL "tolocaletimestring ()"Il metodo restituisce la durata di un oggetto di data come stringa. Questo metodo può essere applicato in modo simile al metodo Tolocalestring () restituendo l'ora predefinita rispetto alla data specificata.

Esempio
Nell'esempio seguente, allo stesso modo, crea un nuovo oggetto di data usando "Nuova data ()"Costruttore e specificare la data seguente come parametro nella sequenza di"anno","mese" E "giorno"Rispettivamente.

Dopodiché, applica il "tolocaletimestring ()"Metodo con il formato tempo specificato come parametro discusso nel metodo precedente:

const datetime = new Date (2022, 1, 1).tolocaletimestring ('en-us',
Hour: 'Numeric', Minute: 'Numeric', Hour12: True
)

Infine, visualizzare il tempo corrispondente con conseguente ora predefinito rispetto alla data specificata:

console.log (datetime);

Produzione

Approccio 3: visualizzare DateTime nel formato di 12 ore AM/PM in JavaScript utilizzando la funzione Inline

Questo approccio può essere implementato per applicare un operatore condizionale al formato AM/PM.

L'esempio seguente illustra il concetto dichiarato.

Esempio

const datetime = (date) =>
Lascia che ore = data.gethours ();
lascia minuti = data.getminutes ();
lascia ap = ore> = 12 ? 'pomeriggio mattina';
ore = ore % 12;
ore = ore ? Ore: 12;
minuti = minuti.accordare().padstart (2, '0');
Let Mergetime = ore + ':' + minuti + " + AP;
restituire mergetime;

console.log (datetime (nuova data (2022, 1, 1));

Nel codice dimostrato sopra:

• Innanzitutto, definisci un "in linea"Funzione denominata"appuntamento()". Questa funzione prenderà un oggetto di data come parametro.
• IL "gethours ()"Il metodo, nel passaggio successivo, restituirà l'ora corrente nel formato di 24 ore nella funzione.
• Allo stesso modo, il "getminutes ()"Il metodo recupererà i minuti correnti.
• Successivamente, crea una variabile denominata "ap"E regolalo su AM o PM rispetto al valore delle ore.
• Nel passaggio successivo, trasforma le ore nel formato di "12 ore"Con l'aiuto del"%"Operatore per ottenere il resto sulla divisione di 12.
• Nell'ulteriore codice, applica il "accordare()"Metodo per convertire i minuti calcolati in una stringa e utilizzare il"padstart ()”Metodo per accompagnare la stringa convertita con 0 se è solo una cifra.
• Infine, unire il tempo calcolato aggiungendo le ore calcolate, i minuti e il formato (AM/PM) rispettivamente e visualizzarlo:

Produzione

Abbiamo concluso gli approcci che possono essere utilizzati per visualizzare DateTime in formato 12 ore AM/PM in JavaScript.

Conclusione

IL "tolocalestring ()Metodo ", il"tolocaletimestring ()Metodo o il "In linea"La funzione può essere implementata per visualizzare DateTime in formato 12 ore AM/PM in JavaScript. Il primo metodo può essere optato per visualizzare l'ora corrente nel formato temporale specifico, il metodo TolocaleTimestring () può essere applicato per restituire l'ora predefinita rispetto alla data specificata nel formato orario particolare e la funzione inline può essere implementata per applicare Un operatore condizionale al formato AM/PM. Questo articolo ha compilato gli approcci per visualizzare DateTime nel formato di 12 ore/pm in JavaScript.