Aquest escrit explicarà els mètodes per mostrar la data i l'hora en el format de 12 hores a.m./p.m. en JavaScript.
Com mostrar DateTime en el format de 12 hores AM/PM en JavaScript?
Es poden aplicar els enfocaments següents per mostrar la data i l'hora en el format de 12 hores a.m./pm a JavaScript:
- “ toLocaleString() ” Mètode.
- “ toLocaleTimeString() ” Mètode.
- “ En linia ” Funció.
Enfocament 1: Mostra DateTime en el format de 12 hores AM/PM en JavaScript mitjançant el mètode toLocaleString()
El ' toLocaleString() ” El mètode retorna un objecte de data en forma de cadena. Aquest mètode es pot aplicar per retornar l'hora actual en el format d'idioma dels EUA.
Sintaxi
Data . toLocaleString ( locals , opcions )
En la sintaxi donada,
- “ locals ” fa referència al format d'idioma específic.
- “ opcions ” indica l'objecte al qual es poden assignar les propietats.
Exemple
Primer, creeu un nou objecte de data utilitzant el ' data nova () ” constructor:
Ara, apliqueu el ' toLocaleString() ' mètode que té el ' NOSALTRES ” format d'idioma i els valors assignats de l'hora com a paràmetres. Aquí, ' hora 12 ” indica que l'hora es mostrarà en format de 12 hores. Això farà que es mostri l'hora actual en format d'hora dels EUA:
consola. registre ( temps. toLocaleString ( 'en-US' , { hores : 'numèric' , minut : 'numèric' , hora 12 : veritat } ) ) ;
Sortida
Enfocament 2: Mostra DateTime en el format de 12 hores AM/PM en JavaScript mitjançant el mètode toLocaleTimeString()
El ' toLocaleTimeString() ” El mètode retorna el període de temps d'un objecte de data com a cadena. Aquest mètode es pot aplicar de manera semblant al mètode toLocaleString() tornant l'hora predeterminada a la data especificada.
Exemple
A l'exemple següent, de la mateixa manera, creeu un nou objecte de data utilitzant el ' data nova () ” constructor i especifiqueu la data següent com a paràmetre en la seqüència de “ curs ”, “ mes ' i ' dia ” respectivament.
Després d'això, apliqueu el ' toLocaleTimeString() ” mètode amb el format d'hora especificat com a paràmetre tal com s'ha comentat al mètode anterior:
const data i hora = nou Data ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'en-US' , {hores : 'numèric' , minut : 'numèric' , hora 12 : veritat
} )
Finalment, mostra l'hora corresponent que resulta en l'hora predeterminada respecte a la data especificada:
consola. registre ( data i hora ) ;Sortida
Enfocament 3: Mostra DateTime en el format de 12 hores AM/PM en JavaScript mitjançant la funció en línia
Aquest enfocament es pot implementar per aplicar un operador condicional al format am/pm.
L'exemple que es mostra a continuació il·lustra el concepte indicat.
Exemple
const data i hora = ( data ) => {deixar hores = data. getHours ( ) ;
deixar minuts = data. getMinutes ( ) ;
deixar ap = hores >= 12 ? 'pm' : 'sóc' ;
hores = hores % 12 ;
hores = hores ? hores : 12 ;
minuts = minuts. toString ( ) . pathStart ( 2 , '0' ) ;
deixa anar Temps = hores + ':' + minuts + ' ' + ap ;
tornar mergeTime ;
}
consola. registre ( data i hora ( nou Data ( 2022 , 1 , 1 ) ) ) ;
En el codi demostrat anteriorment:
- Primer, defineix un ' en linia ” funció anomenada “ data i hora() ”. Aquesta funció prendrà un objecte data com a paràmetre.
- El ' getHours() ”, en el pas següent, retornarà l'hora actual en el format de 24 hores a la funció.
- De la mateixa manera, el ' getMinutes() ” mètode recuperarà els minuts actuals.
- Després d'això, creeu una variable anomenada ' ap ” i ajustar-lo a am o pm respecte al valor de les hores.
- En el següent pas, transformeu les hores al format de ' 12 hores ' amb l'ajuda del ' % ” operador per obtenir la resta a la divisió per 12.
- En el codi addicional, apliqueu el ' toString() ” per convertir els minuts calculats en una cadena i utilitzar el “ pathStart() ” per emplenar la cadena convertida amb 0 si només és un dígit.
- Finalment, combina l'hora calculada afegint les hores calculades, els minuts i el format (am/pm) respectivament i mostra'l:
Sortida
Hem conclòs els enfocaments que es poden utilitzar per mostrar la data i l'hora en format de 12 hores a.m./p.m. en JavaScript.
Conclusió
El ' toLocaleString() mètode ', el ' toLocaleTimeString() mètode ' o el ' En linia La funció es pot implementar per mostrar la data i l'hora en format de 12 hores a.m./p.m. en JavaScript. El primer mètode es pot optar per mostrar l'hora actual en el format d'hora específic, el mètode toLocaleTimeString() es pot aplicar per retornar l'hora predeterminada respecte a la data especificada en el format d'hora particular i la funció Inline es pot implementar per aplicar un operador condicional al format am/pm. Aquest escrit va compilar els enfocaments per mostrar la data i l'hora en el format de 12 hores a.m./p.m. en JavaScript.