membuat input Date Picker menggunakan HTML5

date picker
script date picker
sampai jumpa lagi di blog saya kuasai teknologi tutorial kali ini akan membahas tentang Date Picker, ini gunanya untuk mengambil data dan waktu lansung saja simak penjelasannya di bawah ini:

  • Date: memilih tanggal, bulan dan tahun
  • Month: memilih bulan dan tahun
  • week: memilih minggu dan tahun
  • Time: memilih waktu (jam dan menit)
  • Datetime-local: memilih waktu, tanggal, bulan dan tahun (waktu lokal)
contoh kodenya adalah seperti di bawah ini:

date: <input type="date" name="tanggal" />

berikut ini contoh beberapa kode untuk input type:

<html>
<head>
<title>penggunaan input Date Picker</title>
</head>
<body>
<form>
silahkan masukkan data anda: </br>
alamat email: <input type="email" name="email_pengunjung" /></br>
wbsite : <input type="url" name="url_pengunjung" /></br>
angka: <input type="number" name="angka" min="1" max="10" /></br>
range: <input type="range" name="jangkauan" min="1" max="10" /></br>
tanggal: <input type="date" name="tanggal" />
</form>
</body>
</html>

apabila dilihat di browser (contohnya oprea), tampilan tiap field akan sesuai dengan jenisnya bisa anda lihat seperti gambar di bawah ini:
hasil date picker
hasil dari script di atas
mungkin sampai disini pembahasa kali ini megenai Date Picker, apabila mau penjelasan lebih lengkap tonton video di bawah ini:


sekian dan terimakasih sudah menyimak dan menonton video di atas semoga bermanfaat dan jangan lupa di Subscribe videonya see you again next time


jangan lupa di praktikan lansung

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mudah Auto Post Blog WordPress dengan JetPack untuk berbagi artikel secara otomatis ke media sosial

Gambar
Banyak dari kita terkadang ingin mempromosikan tulisan ataupun postingan-postingan kita ke media sosial alasanya yang pertama ialah pengunjung situs. Dengan membaca sedikit tulisan yang disharing membuat penasan pembaca untuk membaca lebih lanjut. Dan terkadang banyak dari blogger malah tak sempat untuk membagikan postingannya kembali ke media sosial karena sibuk fokus menulis. Tapi sebenarnya banyak tools dan cara agar postingan yang kita publish dapat dibagikan secara otomatis kemedia-media sosial maupun fanspage. Tapi terkadang ada masa dan batasan yang kurang powerfull menurut saya, seperti limit jumlah post perhari, media sosial yang dibatasi dan lain lain. Kali ini Tekno Kopas mencoba sharing tool auto post yang menurut Tekno Kopas lumayan memuaskan, tapi hal ini dihususkan untuk pengguna WordPress. Kita akan mencoba menggunakan plugin yang sudah cukup terkenal yaitu JetPack, karna didalamnya terdapat fitur sharing ke media sosial seperti facebook, google+, LinkedIn, Twitter,
Baca selengkapnya

Cara Pengendalian Penggerek Polong Kacang Hijau Maruca testulalis

Gambar
Pendahuluan Di Indonesia, kacang hijau merupakan tanaman aneka kacang yang menduduki urutan ke tiga terpenting setelah kedelai dan kacang tanah. Tanaman yang tengah menjadi primadona petani lantaran menjadi komoditas ekspor dengan harga yang menggiurkan ini mempunyai banyak kelebihan seperti berumur genjah (55-65 hari), toleran kekeringan, cukup adaptif pada lahan kurang subur/lahan suboptimal serta harga jual stabil dan relatif tinggi. Grobogan dan Demak adalah penyumbang terbesar produksi kacang hijau dari Jawa Tengah. Petani di Demak dan sekitarnya biasa menanam kacang hijau tanpa olah tanah, tanpa pengairan, tanpa pemupukan, dan tanpa penyiangan pada lahan sawah segera setelah panen padi. Waktu tanam yang tepat setelah panen padi memungkinkan tanaman kacang hijau tumbuh optimal dengan memanfaatkan sisa air dan hara dari tanaman sebelumnya (padi). Di daerah Demak khususnya, serangan hama penggerek polong kacang hijau sangat tinggi yang mengakibatkan tanaman gagal membentuk polong, s
Baca selengkapnya

PANDUAN DASAR PEMBIBITAN TANAMAN CENDANA

Gambar
Pada tanah yang banyak mengandung, tanaman Cendana memerlukan tanaman inang seperti lombok, terung dan lain-lain, karena tergolong pohon setengah parasit. Pada pembuatan tanaman, pohon Cendana dapat dicampur antara lain dengan Albizia chinensis, Acacia sp, Cassia siamea, Tamarindus indicus, Pseudium guyava. Tanaman tersebut selain berfungsi sebagai inang juga sebagai pelindung. Biji tanaman cendana dapat diperoleh dari kebun sendiri atau membeli dari perusahaan yang ditunjuk oleh Departemen Kehutanan. Beberapa hal yang harus diperhatikan dalam pengadaan biji antara lain : Santalum album atau dengan nama daerah Cendana mempunyai penyebaran alami terbatas di Indonesia antara lain Jawa Timur, Nusa Tenggara Timur, Sulawesi dan Maluku. Tanaman ini tumbuh baik pada ketinggian antara 50 – 1200 meter dpl, tipe iklim D dan E (menurut Schmidt-Ferguson) dengan rata-rata curah hujan per tahun antara 1100 – 2000 mm serta memiliki 14 hari hujan dalam 4 bulan terkering. 1. Biji berasal dari pohon ya
Baca selengkapnya