Jip Javascript🚙💨
Mengikuti
29 Juni 2019
·
1 menit membaca
Cara mengubah format 24 jam menjadi 12 jam dalam Javascript
Ubah waktu format 24 jam menjadi waktu format 12 jam
Anda bisa mendapatkan waktu dengan,
var dt = new Date[];var hours = dt.getHours[]; // gives the value in 24 hours formatvar minutes = dt.getMinutes[] ; var finalTime = "Time - " + hours + ":" + minutes; finalTime // final time Time - 22:10
Sekarang untuk mengubahnya menjadi format 12 jam, Anda dapat mengambil % 12
pada waktu saat ini
Jika waktunya 13 maka 13%12 → 1
waktu = 23 maka 23%12 →11
waktu = 24, maka 24%12 → 0
, jika waktunya 0, maka ubah waktunya menjadi 12
var dt = new Date[];var hours = dt.getHours[] ; // gives the value in 24 hours formatvar AmOrPm = hours >= 12 ? 'pm' : 'am';hours = [hours % 12] || 12;var minutes = dt.getMinutes[] ;var finalTime = "Time - " + hours + ":" + minutes + " " + AmOrPm; finalTime // final time Time - 22:10_
Jika Anda menemukan kejutan yang bermanfaat ini 🎁 saya di sini
Bagikan jika Anda merasa bahagia
Ikuti Javascript Jeep🚙 jika Anda merasa layak
Dalam JavaScript, format 24 jam digunakan sebagai default untuk tanggal-waktu. Kami juga dapat menampilkan tanggal-waktu dalam format AM/PM 12 jam menggunakan beberapa pendekatan berbeda
Dalam tutorial ini, kita akan mengeksplorasi metode ini. Waktu 12 jam akan ditampilkan dalam jam, menit, dan detik [HH. MM. SS] dengan format AM/PM
Metode pertama Anda dapat memformat tanggal-waktu JavaScript menjadi format AM/PM 12 jam adalah dengan membuat fungsi Anda
Pertama, ubah format tanggal-waktu dengan hanya menggunakan metode asli dalam pendekatan ini. Untuk mengilustrasikan ini dalam istilah orang awam, gunakan contoh berikut. terapkan operator modulo %
untuk menemukan tanggal-waktu dalam format 12 jam dan gunakan operator ?
bersyarat untuk menerapkan AM atau PM
Contoh
const formatAMPM = [date] => {
let hours = date.getHours[];
let minutes = date.getMinutes[];
let ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12;
minutes = minutes.toString[].padStart[2, '0'];
let strTime = hours + ':' + minutes + ' ' + ampm;
return strTime;
}
console.log[formatAMPM[new Date[2022, 1, 1]]];
Anda memiliki fungsi formatAMPM
, yang akan menggunakan objek JavaScript date
sebagai parameter. Panggil getHours
_ untuk mendapatkan jam dalam format 24 jam dalam fungsi dan minutes
untuk mendapatkan menit
Kemudian, buat variabel
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
_0 dan atur ke const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
1 atau const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
2 tergantung pada nilai jam. Ubah jam menjadi format 12 jam menggunakan operator %
untuk mendapatkan sisa bila dibagi 12Selanjutnya, gunakan fungsi
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
_4 untuk mengonversi menit menjadi string, lalu gunakan fungsi const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
5 untuk mengisi string dengan 0 jika hanya satu digit. Terakhir, gunakan const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
_6 untuk mengikat semuanyaKeluaran
Metode kedua yang akan Anda gunakan adalah metode
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
7. Metode ini memudahkan pengguna untuk memformat tanggal-waktu ke format AM/PMDalam metode ini, Anda akan menggunakan fungsi bawaan yang dikenal sebagai fungsi
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
8 untuk mengubah format tanggal yang diberikan. const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
9 akan mengembalikan representasi string dari Objek tanggalDua argumen,
const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
_0 dan const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
1 memungkinkan penyesuaian perilaku metodeContoh
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
Panggil fungsi
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
_8 pada objek tanggal Anda dengan const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
3, const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
4, dan beberapa opsi. const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
5 disetel ke numerik untuk menampilkan jam dalam format numerikIni sama dengan
const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
6. Kemudian, const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
_7 menampilkan jam dalam format 12 jamKeluaran
Metode ketiga yang dapat Anda gunakan adalah metode ________12______8. Metode ini akan menggantikan
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
8 dengan const str = moment[new Date[2022, 1, 1]].format['hh:mm a']
console.log[str];
0 dan akan memberi Anda hasil yang sama dengan fungsi const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
8Contoh
const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
Keluaran
Metode keempat yang dapat Anda gunakan adalah metode
const str = moment[new Date[2022, 1, 1]].format['hh:mm a']
console.log[str];
2. Metode ini memformat objek tanggal menjadi format AM/PM 12 jamUntuk melakukannya, pertama-tama Anda akan memanggil metode ________23______3
Di mana
_4 menambahkan AM/PM;const str = moment[new Date[2022, 1, 1]].format['hh:mm a'] console.log[str];
5 adalah kode pemformatan untuk jam dua digit;const str = moment[new Date[2022, 1, 1]].format['hh:mm a'] console.log[str];
6 adalah kode pemformatan untuk menit dua digitconst str = moment[new Date[2022, 1, 1]].format['hh:mm a'] console.log[str];
Contoh
const str = moment[new Date[2022, 1, 1]].format['hh:mm a']
console.log[str];
Keluaran
Kesimpulan
Dalam artikel ini, Anda mempelajari berbagai metode seperti membuat fungsi kami,
const str = new Date[2022, 1, 1].toLocaleString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
7, const str = new Date[2022, 1, 1].toLocaleTimeString['en-US', {
hour: 'numeric',
minute: 'numeric',
hour12: true
}]
console.log[str];
8, dan const str = moment[new Date[2022, 1, 1]].format['hh:mm a']
console.log[str];
2, yang dapat menampilkan tanggal-waktu JavaScript dalam format AM/PM 12 jam. Semua metode ini sama-sama berlaku dan dapat dengan mudah digunakan