Program HTML Input Type Date Local

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

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

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" />

Output :

Waktu Pembayaran :

Dan untuk mengatur nilai default, kita bisa menggunakan atribut value dengan format : YYYY:MM:DDThh:mm (dalam waktu UTC).

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

2021-08-17T01:00.

Contoh :

<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"
/>

Output :

Waktu Pembayaran :

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.

Mohon maaf apabila ada kesalahan sedikitpun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)