Kode Program

Program HTML Input Type Date

07 Nov 2023 0

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 😀😊😘👌👍 :)

Kode Program

Join the conversation

Program HTML Input Type Date

Keep reading

Apa itu OpenCode? Open Source AI Coding Agent Secara Gratis (Beserta dengan Tutorial Penggunaannya)

Program Deret Bilangan Ganjil-Genap dengan JavaScript dan HTML (Input Type)

Program Deret Bilangan Ganjil-Genap dengan PHP dan HTML (Input Type)