Logo Komodo Koding /Koding

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.

  1. Klik logo kalender di sebelah kanan
  2. 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.