Bagaimana untuk melaraskan format masa elemen <input> (12 jam atau 24 jam)?

Question

Saya menggunakan elemen input HTML5 dengan type=time. Masalahnya ialah ia memaparkan masa dalam format 12 jam, tetapi saya mahu ia dipaparkan dalam format 24 jam. Bagaimanakah saya menetapkannya kepada masa 24 jam?

Ini ialah medan input saya:

< /pra>

Answer 1

Menurut draf HTML5, input type=time mencipta kawalan untuk memasukkan masa dalam sehari, yang dijangka akan dilaksanakan menggunakan "kaedah paparan pilihan pengguna". Tetapi dalam amalan, ini bermakna menggunakan widget yang mengikut peraturan penyetempatan penyemak imbas. Oleh itu, tanpa mengira bahasa kandungan di sekeliling, paparan akan berubah berdasarkan bahasa penyemak imbas, bahasa sistem pengendalian asas atau tempat seluruh sistem (bergantung pada penyemak imbas). Contohnya, menggunakan Chrome versi Finland, widget yang saya lihat menggunakan jam 24 jam standard. Keadaan anda mungkin berbeza-beza.

Jadi, input type=time adalah berdasarkan pendekatan yang meninggalkan idea penyetempatan sepenuhnya di luar pengarang halaman. Ini disengajakan; soalan ini telah dibangkitkan beberapa kali dalam perbincangan HTML5, tanpa perubahan (kecuali mungkin penjelasan teks yang menerangkan tingkah laku ini seperti yang diharapkan).

Sila ambil perhatian bahawa input type=time不允许使用pattern和placeholder属性。而且，如果实现了placeholder="hrs:mins" atribut corak dan placeholder tidak dibenarkan. Selain itu, jika placeholder="hrs:mins" dilaksanakan, ia boleh mengelirukan. Apabila tempat penyemak imbas menggunakan "." sebagai pemisah masa, pengguna mungkin perlu memasukkan 12.30 (menggunakan noktah) dan bukannya 12:30.

Saya membuat kesimpulan bahawa pattern属性的浏览器上，应该使用input type=text tidak disokong dan menggunakan beberapa JavaScript untuk menyemak ketepatan input.

Answer 2

Input HTML5 masa

Ini adalah jenis berkaitan tarikh/masa yang paling mudah, membenarkan pengguna memilih masa pada jam 24/12 jam, biasanya bergantung pada tempat sistem pengendalian pengguna. Nilai yang dikembalikan adalah dalam masa 24 jam 小时:分钟格式，看起来类似于14:30.

Maklumat lanjut, termasuk rupa ia dalam setiap pelayar, boleh didapati di MDN.

<input type="time" name="time">