Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Memaparkan Waktu Tarikh JavaScript dalam Format 12-Jam AM/PM?

Bagaimana untuk Memaparkan Waktu Tarikh JavaScript dalam Format 12-Jam AM/PM?

Mary-Kate Olsen
Lepaskan: 2024-12-31 19:32:16
asal
985 orang telah melayarinya

How to Display JavaScript Datetime in 12-Hour AM/PM Format?

Memaparkan Waktu Tarikh JavaScript dalam Format 12 Jam AM/PM

JavaScript menawarkan pelbagai kaedah untuk memanipulasi tarikh dan masa. Satu keperluan biasa ialah memaparkan objek datetime dalam format yang boleh dibaca manusia, khususnya dalam format AM/PM 12 jam. Format ini lazim di banyak negara dan aplikasi.

Penyelesaian:

Untuk memaparkan objek tarikh JavaScript dalam format 12 jam AM/PM, kami boleh menggunakan kod berikut:

function formatAMPM(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0' + minutes : minutes;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return strTime;
}
Salin selepas log masuk

Fungsi ini mengambil objek Tarikh JavaScript sebagai input dan memprosesnya sebagai berikut:

  1. Ekstrak jam dan minit.
  2. Tentukan sama ada AM atau PM berdasarkan jam.
  3. Tukar masa 24 jam kepada 12 jam masa dengan mengambil modulus dengan 12.
  4. Kendalikan kes khas di mana jam adalah 0 dengan menetapkannya kepada 12 untuk AM.
  5. Pastikan minit sentiasa dipaparkan dalam format dua digit.
  6. Gabungkan jam, minit dan AM/PM yang diformatkan ke dalam rentetan.

Dengan menggunakan fungsi ini, anda boleh menukar objek tarikh JavaScript dengan mudah kepada rentetan AM/PM 12 jam yang boleh dibaca manusia.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Waktu Tarikh JavaScript dalam Format 12-Jam AM/PM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan