21 Okt 2014

Kreasi Jquery Datepicker

Ada hal yang penting untuk membuat aplikasi. Yaitu membuat tanggal pilihan/datepicker. Dan ada ... thumbnail 1 summary


Ada hal yang penting untuk membuat aplikasi. Yaitu membuat tanggal pilihan/datepicker.
Dan ada banyak cara yang dibikin oleh programmer, ada yang manual looping , ada yg pake plugin seperti jquery ini. Intinya ngapain bikin manual kalau plugin siap pake udah ada. Takut browser ga support javascript? Zaman sekarang browser ga pake javascript? hahaha

Untuk membuat datepicker ini cukup meng-include kan javascript jquery, javascript jquery user interface serta css jquery-ui. Setelah include 2 javascript serta 1 css tersebut, anda hanya menambahkan satu baris kode javascript saja :D
$('#d1').datepicker();
Ini kode lengkap nya (saya asumsikan jquery,jquery ui ada pada folder aplikasi)
<script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<link href="jquery-ui.css" rel="stylesheet" type="text/css" />
<script>
$(function() {
$('#d1').datepicker();
});
</script>
<input type="text" id="d1" name="tgl"/>
Mudah bukan, sekarang apa yang bisa dikreasikan?
Pada source code yang dapat anda download di bawah ini, banyak kreasi datepicker dari standar sampai menentukan range dua datepicker. Silahkan dipelajari dan happy coding