Dengan menggunakan HTML5 kita dapat membuat datepicker dengan satu baris saja misalnya:
Tanggal: <input type=”date” /><br/>
Coding lengkapnya adalah:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Datepicker dengan HTML5</title>
<meta name=”” content=””>
</head>
<body>
Tanggal: <input type=”date” /><br/>
</body>
</html>
Demo dapat dilihat di http://aris.proweb.asia/datepicker_html5.html dengan tampilan seperti gambar di bawah ini:
Pada saat artikel ini dibuat, demo di atas dapat berjalan pada browser Opera terbaru dan Google Chrome terbaru. Untuk browser-browser yang lain masih berupa input text saja. Kita perlu memiliki wawasan ini supaya pada saat semua browser telah mengimplentasikan tipe input ini maka kita akan membuat coding pemrograman dengan cepat dan efisien.
Kunjungi www.proweb.co.id untuk menambah wawasan anda.