Acest articol va explica metodele de afișare a datei și orei în formatul de 12 ore am/pm în JavaScript.
Cum să afișați DateTime în formatul de 12 ore AM/PM în JavaScript?
Următoarele abordări pot fi aplicate pentru a afișa data și ora în formatul de 12 ore am/pm în JavaScript:
- „ toLocaleString() ” Metoda.
- „ toLocaleTimeString() ” Metoda.
- „ In linie ” Funcție.
Abordarea 1: Afișați DateTime în formatul de 12 ore AM/PM în JavaScript folosind metoda toLocaleString()
„ toLocaleString() ” returnează un obiect dată sub forma unui șir. Această metodă poate fi aplicată pentru a returna ora curentă în formatul limbii SUA.
Sintaxă
Data . toLocaleString ( local , Opțiuni )
În sintaxa dată,
- „ local ” se referă la formatul specific al limbii.
- „ Opțiuni ” indică obiectul căruia i se pot atribui proprietățile.
Exemplu
Mai întâi, creați un nou obiect de dată folosind „ data noua() ” constructor:
Acum, aplicați „ toLocaleString() ” metoda având ” S.U.A. ” format de limbă și valorile alocate timpului ca parametri ai acestuia. Aici, ' ora 12 ” indică faptul că ora va fi afișată în formatul de 12 ore. Aceasta va avea ca rezultat afișarea orei curente în formatul orei SUA:
consolă. Buturuga ( timp. toLocaleString ( 'in noi' , { ora : 'numeric' , minut : 'numeric' , ora 12 : Adevărat } ) ) ;
Ieșire
Abordarea 2: Afișați DateTime în formatul de 12 ore AM/PM în JavaScript folosind metoda toLocaleTimeString()
„ toLocaleTimeString() ” returnează intervalul de timp al unui obiect dată ca șir. Această metodă poate fi aplicată în mod similar cu metoda toLocaleString() prin returnarea orei implicite față de data specificată.
Exemplu
În exemplul următor, în mod similar, creați un nou obiect dată folosind „ data noua() ” constructor și specificați următoarea dată ca parametru în secvența „ an ”, “ lună ' și ' zi ” respectiv.
După aceea, aplicați „ toLocaleTimeString() ” metoda cu formatul de timp specificat ca parametru, așa cum sa discutat în metoda anterioară:
const dateTime = nou Data ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'in noi' , {ora : 'numeric' , minut : 'numeric' , ora 12 : Adevărat
} )
În cele din urmă, afișați ora corespunzătoare, rezultând ora implicită în raport cu data specificată:
consolă. Buturuga ( dateTime ) ;Ieșire
Abordarea 3: Afișați DateTime în formatul de 12 ore AM/PM în JavaScript utilizând funcția inline
Această abordare poate fi implementată pentru a aplica un operator condiționat la formatul am/pm.
Exemplul de mai jos ilustrează conceptul declarat.
Exemplu
const dateTime = ( Data ) => {lasa ore = Data. getHours ( ) ;
lasa minute = Data. getMinutes ( ) ;
lasa ap = ore >= 12 ? 'p.m' : 'a.m' ;
ore = ore % 12 ;
ore = ore ? ore : 12 ;
minute = minute. toString ( ) . pathStart ( Două , '0' ) ;
let mergeTime = ore + ':' + minute + ' ' + ap ;
întoarcere mergeTime ;
}
consolă. Buturuga ( dateTime ( nou Data ( 2022 , 1 , 1 ) ) ) ;
În codul demonstrat mai sus:
- Mai întâi, definiți un „ in linie „funcție numită „ dataTime() ”. Această funcție va lua un obiect dată ca parametru.
- „ getHours() ”, în pasul următor, va returna ora curentă în formatul de 24 de ore în funcție.
- În mod similar, „ getMinutes() ” va prelua minutele curente.
- După aceea, creați o variabilă numită „ ap ” și ajustați-l la am sau pm în funcție de valoarea orelor.
- În pasul următor, transformați orele în formatul „ 12 ore ' cu ajutorul ' % ” operator pentru obținerea restului la împărțirea cu 12.
- În codul suplimentar, aplicați „ toString() ” pentru a converti minutele calculate într-un șir și utilizați „ pathStart() ” pentru a completa șirul convertit cu 0 dacă este doar o cifră.
- În cele din urmă, îmbinați timpul calculat adăugând orele, minutele și, respectiv, formatul (am/pm) calculate și afișați-l:
Ieșire
Am ajuns la concluzia abordărilor care pot fi utilizate pentru a afișa data și ora în format 12 am/pm în JavaScript.
Concluzie
„ toLocaleString() „, metoda „ toLocaleTimeString() ” sau metoda ” In linie ” poate fi implementată pentru a afișa data și ora în format 12 am/pm în JavaScript. Prima metodă poate fi optată pentru afișarea orei curente în formatul de timp specific, metoda toLocaleTimeString() poate fi aplicată pentru a returna ora implicită în raport cu data specificată în formatul de timp particular și funcția Inline poate fi implementată pentru a se aplica un operator condiționat la formatul am/pm. Acest articol a compilat abordările pentru a afișa data și ora în formatul de 12 ore am/pm în JavaScript.