Tulisan ini akan menerangkan kaedah untuk memaparkan masa tarikh dalam format 12 jam pagi/malam dalam JavaScript.
Bagaimana untuk Memaparkan DateTime dalam Format 12 Jam PG/PM dalam JavaScript?
Pendekatan berikut boleh digunakan untuk memaparkan waktu tarikh dalam format 12 jam pagi/malam dalam JavaScript:
- “ toLocaleString() ” Kaedah.
- “ toLocaleTimeString() ” Kaedah.
- “ Dalam barisan ” Fungsi.
Pendekatan 1: Paparkan DateTime dalam Format 12 Jam PG/PM dalam JavaScript Menggunakan Kaedah toLocaleString()
' toLocaleString() ” kaedah mengembalikan objek tarikh dalam bentuk rentetan. Kaedah ini boleh digunakan untuk mengembalikan masa semasa dalam format bahasa AS.
Sintaks
Tarikh . toLocaleString ( tempatan , pilihan )
Dalam sintaks yang diberikan,
- “ tempatan ” merujuk kepada format bahasa tertentu.
- “ pilihan ” menunjukkan objek yang sifatnya boleh diberikan.
Contoh
Mula-mula, buat objek tarikh baharu menggunakan ' Tarikh baru() ” pembina:
Sekarang, gunakan ' toLocaleString() kaedah yang mempunyai ' AS ” format bahasa dan nilai masa yang ditetapkan sebagai parameternya. Di sini, ' jam12 ” menunjukkan bahawa jam akan dipaparkan dalam format 12 jam. Ini akan menyebabkan memaparkan masa semasa dalam format masa AS:
konsol. log ( masa. toLocaleString ( 'dalam kita' , { jam : 'numerik' , minit : 'numerik' , jam12 : benar } ) ) ;
Pengeluaran
Pendekatan 2: Paparkan DateTime dalam Format 12 Jam PG/PM dalam JavaScript Menggunakan Kaedah toLocaleTimeString()
' toLocaleTimeString() ” kaedah mengembalikan jangka masa objek tarikh sebagai rentetan. Kaedah ini boleh digunakan sama dengan kaedah toLocaleString() dengan mengembalikan masa lalai terhadap tarikh yang ditentukan.
Contoh
Dalam contoh berikut, begitu juga, buat objek tarikh baharu menggunakan ' Tarikh baru() ” pembina dan nyatakan tarikh berikut sebagai parameternya dalam urutan “ tahun ”, “ bulan ” dan “ hari ” masing-masing.
Selepas itu, gunakan ' toLocaleTimeString() ” kaedah dengan format masa yang ditentukan sebagai parameternya seperti yang dibincangkan dalam kaedah sebelumnya:
const masa tarikh = baru Tarikh ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'dalam kita' , {jam : 'numerik' , minit : 'numerik' , jam12 : benar
} )
Akhir sekali, paparkan masa yang sepadan menghasilkan masa lalai berkenaan dengan tarikh yang ditentukan:
konsol. log ( masa tarikh ) ;Pengeluaran
Pendekatan 3: Paparkan DateTime dalam Format 12 Jam PG/PM dalam JavaScript Menggunakan Fungsi Sebaris
Pendekatan ini boleh dilaksanakan untuk menggunakan operator bersyarat kepada format am/pm.
Contoh yang diberikan di bawah menggambarkan konsep yang dinyatakan.
Contoh
const masa tarikh = ( Tarikh ) => {biarkan jam = Tarikh. getHours ( ) ;
biarkan minit = Tarikh. getMinutes ( ) ;
biarkan ap = Jam >= 12 ? 'pm' : 'am' ;
Jam = Jam % 12 ;
Jam = Jam ? Jam : 12 ;
minit = minit. menjalin ( ) . pathStart ( dua , '0' ) ;
lepaskanMasa = Jam + ':' + minit + '' + ap ;
kembali mergeTime ;
}
konsol. log ( masa tarikh ( baru Tarikh ( 2022 , 1 , 1 ) ) ) ;
Dalam kod yang ditunjukkan di atas:
- Pertama, tentukan ' dalam barisan ” fungsi bernama “ masa tarikh() ”. Fungsi ini akan mengambil objek tarikh sebagai parameternya.
- ' getHours() ” kaedah, dalam langkah seterusnya, akan mengembalikan jam semasa dalam format 24 jam dalam fungsi.
- Begitu juga, ' getMinutes() ” kaedah akan mendapatkan semula minit semasa.
- Selepas itu, buat pembolehubah bernama ' ap ” dan laraskannya kepada am atau pm berkenaan dengan nilai jam.
- Dalam langkah seterusnya, ubah jam kepada format ' 12 jam ” dengan bantuan “ % ” operator untuk mendapatkan baki pada pembahagian sebanyak 12.
- Dalam kod selanjutnya, gunakan ' menjalin() ' kaedah untuk menukar minit yang dikira kepada rentetan, dan gunakan ' pathStart() ” kaedah untuk melapik rentetan yang ditukar dengan 0 jika hanya satu digit.
- Akhir sekali, gabungkan masa yang dikira dengan menambah jam, minit dan format yang dikira (am/pm) masing-masing dan paparkannya:
Pengeluaran
Kami telah membuat kesimpulan pendekatan yang boleh digunakan untuk memaparkan tarikh masa dalam format 12 jam pagi/petang dalam JavaScript.
Kesimpulan
' toLocaleString() kaedah ', ' toLocaleTimeString() ' kaedah atau ' Dalam barisan fungsi ” boleh dilaksanakan untuk memaparkan datetime dalam format 12 jam am/pm dalam JavaScript. Kaedah pertama boleh dipilih untuk memaparkan masa semasa dalam format masa tertentu, kaedah toLocaleTimeString() boleh digunakan untuk mengembalikan masa lalai berkenaan dengan tarikh yang ditentukan dalam format masa tertentu dan fungsi Inline boleh dilaksanakan untuk digunakan. operator bersyarat kepada format am/pm. Tulisan ini menyusun pendekatan untuk memaparkan masa tarikh dalam format 12 jam pagi/malam dalam JavaScript.