Cara membuat datepicker dengan plugin Jquery

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:

datepicker
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)

Related Posts

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

WhatsApp chat