Hai? teman-teman yang telah lama terjun pada dunia website pasti telah sering menggunakan jquery, nah pada tutorial sebelumnya juga saya telah membahas banyak fungsi dan event jquery, pada tutorial kali ini saya akan mengajarkan bagaimana cara memasang datepicker dengan jquery ui.

jquery ui adalah sebuah kebangan atau library updetan dari jquery dimana banyak animasi-animasi yang dapat kita gunakan didalam library jquery ui ini, dan datepicker adalah sebuah plugin untuk menyisipkan kalender pada halaman website kita, nah pada tutorial kali ini saya akan mengajarkan bagaimana cara menyisipkan datepicker dengan jquery ui.

Oke sebelum kita praktekkan, silahakan download terlebih dahulu library jquery ui, lalu teman-teman buat sebuah file dan coba teman-teman ketikan script berikut ini :

Step pertama ialah saya menghubungkan file-file yang diperlukan untuk menjalankan fungsi datepickernya,

Lalu saya membuat sebuah div untuk menampilkan datepickernya :

Dan saya membuat script untuk menjalankan datepickernya :

jika teman-teman save maka hasilnya akan seperti berikut ini :

cara memasang datepicker dengan jquery ui

sangat mudah ya teman-teman? dengan library ini kita dapat membuat fungsi memilih tanggal dengan lebih menarik,

Oke teman-teman untuk tutorial kali ini tentang bagaimana cara memasang datepicker dengan jquery ui cukup sampai disini dulu, sampai bertemu pada tutorila berikutnya, semoga tutorial yang singkat ini bermanfaat untuk teman-teman semuanya,

terimakasih .

WhatsApp chat