Program HTML Input Type Date Local

Tipe input berikutnya adalah datetime-local.

Tipe ini akan menampilkan date picker + time picker. Jadi tidak hanya tanggal saja, tapi kita bisa juga memilih jam.

Kita tinggal rubah kode sebelumnya dari type date menjadi datetime-local :

<label for="isian-waktu-bayar">Waktu Pembayaran :</label> <br />
<input id="isian-waktu-bayar" name="waktu_pembayaran" type="datetime-local" />

Jadi misal kita ingin mengatur nilai default menjadi tanggal 17 Agustus 2021 jam 7 WIB, maka kita bisa tulis seperti ini :

<label for="isian-waktu-bayar">Waktu Pembayaran :</label> <br />
<input
  id="isian-waktu-bayar"
  name="waktu_pembayaran"
  type="datetime-local"
  value="2021-08-17T01:00"
/>

Penting : meskipun hasil keluarannya ditampilkan pukul 01:00 AM, tapi format waktu YYYY:MM:DDThh:mm adalah waktu UTC. Sehingga jika dikonversi ke waktu WIB (UTC+7), hasilnya menjadi pukul 07:00 pagi.