Cara menghapus am/pm dari waktu di javascript

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 12

Selanjutnya, 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 semuanya

Keluaran

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/PM

Dalam 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 tanggal

Dua 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 metode

Contoh

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 numerik

Ini 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 jam

Keluaran

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];
8

Contoh

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 jam

Untuk melakukannya, pertama-tama Anda akan memanggil metode ________23______3

Di mana

  • const str = moment[new Date[2022, 1, 1]].format['hh:mm a']
    console.log[str];
    
    _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 digit

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

Bagaimana cara mengubah waktu menjadi AM PM di JavaScript?

'AM'. 'PM'; . 12; . Set AM/PM time[0] = +time[0] % 12 || 12; // Adjust hours } return time. gabung ['']; . 00. 00'];

Bagaimana cara mengatur format waktu dalam JavaScript?

sssZ , di mana. .
YYYY-MM-DD – adalah tanggal. tahun bulan hari
Karakter "T" digunakan sebagai pembatas
HH. mm. ss. sss - adalah waktunya. jam, menit, detik, dan milidetik
Bagian opsional 'Z' menunjukkan zona waktu dalam format +-hh. mm. Satu huruf Z berarti UTC+0

Bagaimana cara mengatur format 12 jam dalam JavaScript?

var sekarang = Tanggal baru[]; . getHours[] % 12. 12; // 12 jam bukan 24 jam, dengan 12 bukan 0.

Bagaimana cara menampilkan format waktu 24 jam dalam JavaScript?

Tertaut .
ubah format waktu menjadi 24 jam dalam javascript
Format jam menjadi 24 jam
mengubah format waktu dalam format 24 jam
Input Type = "time" 24 hour format .

Bài mới nhất

Chủ Đề