Input Tipe Date, DateTime, Month, Week, pada Kontrol Form HTML5

Berikut contoh kode penulisan untuk menguji input tipe date, time, datetime, month dan week pada kontrol form HTML5

<label for="fDate">Date</label>
<input type="date" id="fDate">

<label for="fTime">Time</label>
<input type="time" id="fTime">

<label for="fDateTime">DateTime</label>
<input type="datetime" id="fDateTime">

<label for="fMonth">Month</label>
<input type="month" id="fMonth">

<label for="fWeek">Week</label>
<input type="week" id="fWeek">

hasilnya akan tampak sbb:

Date
Time
DateTime
Month
Week

Jenis input tanggal dan waktu menghasilkan kontrol untuk memasukkan tanggal dan waktu dalam format yang benar, termasuk menyediakan pemetik tanggal asli di beberapa browser. Jenis yang terkait dengan tanggal meliputi: jenis = tanggal (yyyy-mm-dd) Tahun, bulan, dan hari, tanpa waktu type = datetime - tidak dipakai lagi untuk mendukung datetime-local (yyyy-mm-ddTHH: MMZ) Jam, menit, detik, dan sepersekian detik berdasarkan zona waktu UTC tipe = datetime-local (yyyy-mm-ddTHH: MM atau yyyy-mm-ddTHH: MM: SS.S) Mirip dengan tipe input tanggal dan waktu, digabungkan dengan T. Bisa spesifik sampai milidetik. tipe = bulan (yyyy-mm) Bulan dan tahun, tanpa zona waktu. Bulan, tidak seperti array JavaScript, pergi dari 1 sampai 12. type = minggu (yyyy-Www) Tanggal dengan tahun dan W diikuti oleh nomor minggu, tanpa zona waktu. Sebuah "minggu" berangkat dari hari Senin sampai Minggu, dengan minggu pertama minggu yang berisi hari Rabu pertama tahun ini, jadi bisa dimulai pada 30 Desember atau bahkan 2 Januari. tipe = waktu (HH: MM) nilai waktu tanpa zona waktu dalam format militer 24-jam. Bila tidak didukung, browser default ke jenis input teks. Sementara widget GUI yang disediakan oleh browser mungkin tampak berada dalam sintaks lokal Anda selama berjam-jam dan tanggal (seperti 12:15 atau 2014 Juni) untuk pengalaman pengguna yang lebih baik, tanggal akan dikirimkan oleh semua browser pendukung di dalam sintaks yang tercantum di atas. Sertakan atribut min dan max, untuk menetapkan batas bawah dan atas untuk nilai yang dapat diterima dan untuk batas yang diberikan GUI kepada pengguna. Gunakan atribut langkah untuk mengatur granularitas nilai. Misalnya, akan memungkinkan setiap minggu dimulai pada pertengahan Juli 2014. Contoh waktu di atas membatasi nilai sampai kenaikan 15 menit (ada 900 detik dalam 15m). Contoh tanggal membatasi pengguna pada hari Senin mulai tanggal 8 September 2014. Spec mengatakan bahwa browser seharusnya tidak membiarkan orang memasukkan string, UI UI yang tidak valid, atau sebaliknya. Firefox dan Safari di OS X tidak mendukung jenis ini. Anda dapat menggunakan atribut pola untuk hanya mengizinkan nilai yang valid. Jika didukung, browser mengabaikan atribut ini pada jenis ini. Dan, bila didukung, widget tidak mengizinkan pengguna memasukkan data yang tidak valid, jadi Anda emas. Safari IOS 7 memecahkan jenis minggu membuat UI yang tidak bisa digunakan. Chrome kehilangan dukungan untuk datetime di versi 26, Opera di versi 15, dan Safari di iOS 7. Alih-alih menggunakan datetime, karena dukungan harus dihentikan, gunakan tanggal dan waktu sebagai dua jenis input terpisah.