Cara menghapus am/pm dari waktu di javascript

Question

Nội dung chính Show

Bagaimana cara mengubah waktu menjadi AM PM di JavaScript?
Bagaimana cara mengatur format waktu dalam JavaScript?
Bagaimana cara mengatur format 12 jam dalam JavaScript?
Bagaimana cara menampilkan format waktu 24 jam dalam 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

DateTime in 12-Hour AM/PM Creating Own Function Output

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

DateTime in 12-Hour AM/PM Using Date.prototype.toLocaleString

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

DateTime in 12-Hour AM/PM Using Date.prototype.toLocaleTimeString

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

DateTime in 12-Hour AM/PM Using moment.js

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 .

kode javascript

Cara menghapus am/pm dari waktu di javascript

Kesimpulan

Bagaimana cara mengubah waktu menjadi AM PM di JavaScript?

Bagaimana cara mengatur format waktu dalam JavaScript?

Bagaimana cara mengatur format 12 jam dalam JavaScript?

Bagaimana cara menampilkan format waktu 24 jam dalam JavaScript?

Bài Viết Liên Quan

Có thể bạn quan tâm

Xem Nhiều

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội