Datepicker Dengan JQuery

Pada posting saya terdahulu saya pernah menuliskan bagaimana cara menambahkan datepicker di php dengan ajax pada artikel kali ini saya akan menuliskan bagaimana menambahkan sebuah datepicker dengan menggunakan jquery.

Untuk dapat menambahkan datepicker dengan jquery pada website diperlukan beberapa file pendukung yaitu :
- jquery-1.3.2.js
- ui.core.js
- ui.datepicker.js
- themes

Setelah file tersebut anda miliki barulah anda bisa menggunakan datepicker dengan jquery pada website anda.
Langkahnya adalah sebagai berikut :
1. Letakan script berikut diantara <head> dan </head> :

<link type="text/css" href="themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="lib/jquery-1.3.2.js"></script>

<script type="text/javascript" src="lib/ui.core.js"></script>

<script type="text/javascript" src="lib/ui.datepicker.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#dtp").datepicker();

});

</script>

Berikut penjelasan singkat dari script diatas :
- href="themes/base/ui.all.css" pemanggilan css library jquery ui
- src="lib/jquery-1.3.2.js" pemanggilan library jquery (jquery-1.3.2.js)
- src="lib/ui.core.js" pemanggilan library utama jquery (ui.core.js)
- src="lib/ui.datepicker.js" pemanggilan library komponen jquery (ui.datepicker.js)

2. Kemudian untuk memanggil datepickernya cukup tambahkan id="dtp"contoh :