Akhirnya saya update blog ini. Sudah lama sekali(baca:hampir 2 bulan) saya belum sempat posting data baru. Berhubung belakangan sedang banyak bergelut dengan PHP, maka kali ini saya akan memberikan(baca:menyampaikan) tutorial tentang penggunakan datepicker dengan memanfaatkan jquery.Berikut ini adalah script untuk menampilkan 1 input box yang meminta pemilihan tanggal:
Date: <input id="datepicker" name="datepicker" type="text">
Sedangkan untuk meminta pemilihan tanggal dari dan sampai dapat digunakan script seperti ini:
From <input id="from" name="from" type="text">
To <input id="from" name="from" type="text">
Untuk dapat menggunakan script diatas, maka harus ditambahkan script jquery
<script type="text/javascript">
$(function() {
$('#datepicker').datepicker({
changeMonth: true,
changeYear: true
});
});
</script>
<script type="text/javascript">
$(function() {
var dates = $('#from, #to').datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
onSelect: function(selectedDate) {
var option = this.id == "from" ? "minDate" : "maxDate";
var instance = $(this).data("datepicker");
var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
dates.not(this).datepicker("option", option, date);
}
});
});
</script>
Selain itu untuk menggunakan datepicker diatas harus include file css dan js yang lain. File ini dapat didownload di sini.
Apabila masih bingung dapat download script lengkap tutorial ini di sini
Intinya mudah sekali menggunakan datepicker ini ^_^. Selamat mencoba
read more