Berikut ini saya akan jelaskan cara membuat date picker dengan menggunakan plugin jquery. Caranya sangat mudah anda tinggal buat sebuah form dengan kode sbb:
<form method="post"> Tanggal: <input type="text" name="tgl" id="popupDatepicker"> </form>
kemudian dibantu dengan kode jquery agar bisa menampilkan datepicker
<script> $(function() { $('#popupDatepicker').datepick(); $('#inlineDatepicker').datepick({onSelect: showDate}); }); function showDate(date) { alert('The date chosen is ' + date); } </script>
Hasilnya sebagai berikut:
Dan dibagian head anda harus menyematkan file-file yang dibutuhkan:
<link href="css/jquery.datepick.css" rel="stylesheet"> <script src="js/jquery-latest.min.js"></script> <script src="js/jquery.plugin.js"></script> <script src="js/jquery.datepick.js"></script>
Jadi keseluruhan kode program dapat anda download disini: http://www.mediafire.com/download/dau7i1mino3ypsb/datepicker.zip
Info lebih lanjut silahkan lihat disini: http://keith-wood.name/datepick.HTML
(Visited 3,074 times, 1 visits today)