Program HTML Input Type Date

Hello guys, Berjumpa dengan Miniblog dari Inzaghi's Blog! Kali ini kita akan membuat Program HTML Input Type untuk mengisi Tanggal.

Sumber : Dosenit.com, Jagongoding.com, Javatpoint.com, dan W3schools.com

Tipe ini akan menampilkan sebuah datepicker tergantung dari Browser dan juga OS. Tampilan date picker di Windows akan berbeda dengan yang ada di macOS, begitu juga Date Picker di Android akan berbeda dengan iOS.

Contoh :

<label for="isian-tanggal-lahir">Tanggal Lahir</label> <br />
<input id="isian-tanggal-lahir" name="tanggal_lahir" type="date" />

Output :

Tanggal Lahir

Kita juga bisa memanfaatkan atribut min dan max untuk mengatur tanggal minimum dan tanggal maximum.

Nilai min dan max tersebut ditulis dengan format: YYYY-MM-dd.

Selain itu kita juga bisa mengatur tanggal menggunakan atribut value dengan format yang sama.

Contoh :

<label for="isian-1">Tanggal Awal</label> <br>
<input
  id="isian-1"
  name="tanggal_awal"
  type="date"
  min="2021-01-01"
  value="2021-02-20"
>
<br><br>
<label for="isian-2">Tanggal Akhir</label> <br>
<input
  id="isian-2"
  name="tanggal_awal"
  type="date"
  min="2021-12-31"
>

Output :

Tanggal Awal


Tanggal Akhir

Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)