Memasang datepicker jQuery di CodeIgniter

Pada artikel sebelumnya telah dibahas sebuah framework PHP yaitu CakePHP. Sama hal nya dengan CakePHP, CodeIgniter juga merupaka framework dari PHP. Perbedaanya hanyalah fanatisme dan tastenya yang berbeda walaupun beberapa pengamat mengklaim bahwa CodeIgniter lebih ringan dari CakePHP dengan dokumentasi yang lebih lengkap.
Kali ini yang dibahas bukan cara menginstalnya tapi cara memanfaatkan kehebatan jQuery pada CodeIgniter. Komponen yang akan kita ambil adalah datepicker. Dengan datepicker ini kita akan mengubah gaya tampilan memasukkan sebuah field data dari konvensional yaitu mengetikkan tanggalnya menjadi hanya sekali klik akan muncul kalender dan tinggal kita pilih.
Pertama download dulu jQuery nya lihat gambar :

URL jQuery

Setelah terdownload, ekstraklah hasil download tadi. Jika versi jQuery yang didownload adalah sama dengan gambar maka isi dari ekstak adalah seperti di bawah ini :

hasil ekstrak jQuery

Sekarang kita siap memasangnya pada aplikasi CodeIgniter kita.
Langkah pertama, kopikan folder js yang ada pada jQuery ke dalam root dari webfolder kita. Dalam artikel ini webfolder ada di c:/xampp/htdocs/simdiklat

folder js di root web folder

Langkah selanjutnya, kopikan folder css jQuery ke dalam folder css CodeIgniter kita. Lihat gambar di bawah :

folder css

Ok, sekarang kita tinggal tambahkan kodenya untuk mendifinisikan kemana CSS nya dan memanggil datepicker ini di view. Contoh lihat di bawah ini :

menambahkan link CSS

memanggil datepicker

Selesai. Dan hasilnya adalah seperti dibawah ini :

hasil akhir

Gimana ? Field tgl lahir tida perlu diketik lagi, cukup klik maka akan muncul kalender. Kita tinggal pilih tanggal yang mana. keren kaaan... he he..