Input Date di HTML
Mengenal input date untuk memasukkan tanggal di sebuah formulir pada situs dengan HTML
Untuk memasukkan sebuah tanggal, kita bisa menggunakan input dengan type date.
Contoh input date (tanggal)
<input type='date'>
Yang menghasilkan
Ada dua cara untuk memilih tanggal dengan input di atas.
- Klik logo kalender di sebelah kanan
- Masukkan langsung tanggal bulan dan waktunya
Memberi nilai pada input date
Untuk secara otomatis memasukkan nilai pada input date. Gunakan atribut value
Contoh input date (tanggal)
<input type='date' value="2022-12-25" />
Yang menghasilkan
Urutan yang digunakan adalah TAHUN-BULAN-TANGGAL (YYYY-MM-DD)
Aturan tanggal minimal
Untuk membuat batas minimal saat memilih tanggal, gunakan atribut min
<input type='date' value="2022-12-25" min="2022-12-01" />
Yang menghasilkan
Sekarang kamu hanya bisa memilih tanggal mulai dari awal Desember 2022 saja.
Aturan tanggal maksimal
Untuk membuat batas maksimal saat memilih tanggal, gunakan atribut max
<input type='date' value="2022-12-25" max="2022-12-15" />
Yang menghasilkan
Sekarang kamu hanya bisa memilih tanggal akhir sampai 15 Desember 2022 saja.
