Social Icons

facebook google plus email

Wednesday, February 15, 2012

Membuat Datepicker Dengan JQuery-UI Dan CSS

Share on :
Posting kali ini saya berbagi sedikit ilmu web design dengan memanfaatkan JQuery dan CSS, kita akan mencoba membuat sebuah datepicker / kalender. 

Yang kita butuhkan untuk membuat datepicker adalah beberapa buah file JQuery yang bisa anda download dari situs resminya http://jquery.com, dan beberapa file CSS untuk mendukung tampilan dari datepicker yang akan kita buat menjadi lebih bagus.

Tapi anda tidak perlu lagi repot-repot mencari-cari JQuery dan CSS yang dibutuhkan untuk membuat datepicker, karena saya telah menyiapkan semua dalam satu paket beserta image pendukung yang bisa anda download langsung melalui link ini (Download Paket DatePicker). Sedangkan untuk melihat demonya silakan anda klik link ini (Demo DatePicker)

Sebelumnya, buat tiga buah directory/ folder dan beri nama masing-masingnya :
  1. js (letakan jquery.js didalamnya)
  2. css (letakkan semua css didalamnya)
  3. images (letakkan semua gambar/image didalamnya)

Berikut ini script HTML yang akan kita buat untuk menjalankan fungsi dari datepicker, biar gampang anda cukup copy paste saja script berikut ini dan simpan dengan nama datepicker.php.


Selamat mencoba....


Share on :
Share

Lihat Juga Yang Berikut Ini :



Special Tips :

0 komentar:

Post a Comment

Aturan Dalam Berkomentar :

1. Silakan Berkomentar Dengan Baik Dan Sopan.
2. Mohon Untuk Tidak Mencantumkan Link Aktif Pada Komentar.
3. Mohon Untuk Tidak Promosi Produk Disini (Dianggap Spam).
4. Bila Komentar Tidak Sesuai Aturan Diatas Maka Komentar Akan Saya Hapus.

<-- Thank's -->