Cara Menambahkan Datepicker dengan Jquery
-- Cara Menambahkan Datepicker dengan Jquery --
Berawal waktu saya sedang mencari-cari tutorial-tutorial di google dan tak sengaja menemukan web bagaimana menggunakan datepicker dengan jquery. setelah itu saya pun berhasil menerapkannya .
berikut inilah cara-caranya :
Pertama :
Kita harus memiliki terlebih dahulu yaitu plugin untuk menampilkan datepicker .
berikut pluginnya dapat di download di :
disana terdapat plugin beserta contoh-contoh menerapkan datepicker dengan jquery .
Kedua :
Setelah anda mendownload plugin untuk datepicker , maka selanjutnya copy script di bawah ini :
<head>
<link rel="stylesheet" href="../../datepicker/css/datepicker.css" type="text/css" />
<link rel="stylesheet" media="screen" type="text/css" href="../../datepicker/css/layout.css" />
<title>DatePicker - jQuery plugin</title>
<script type="text/javascript" src="../../datepicker/js/jquery.js"></script>
<script type="text/javascript" src="../../datepicker/js/datepicker.js"></script>
<script type="text/javascript" src="../../datepicker/js/eye.js"></script>
<script type="text/javascript" src="../../datepicker/js/utils.js"></script>
<script type="text/javascript" src="../../datepicker/js/layout.js?ver=1.0.2"></script>
</head>
script di atas digunakan untuk memanggil file berformat .js dan juga memanggil css untuk datepicker .
Setelah kita tambahkan :
<tr bgcolor="#ffffff">
<td>
Date:
</td>
<td>
<input class="inputDate" id="inputDate" value="06/14/2008" />
</td>
</tr>
dalam hal ini saya membuat 1 tr yang gunanya untuk menampilkan datepicker ..
inilah script untuk menampilkan datepicker pada project anda :
<input class="inputDate" id="inputDate" value="06/14/2008" />
Setelah selesai , inilah hasilnya :
Selamat mencoba ..
Terima kasih .
Comments: