Cara Menggunakan Datepicker dengan Jquery-UI
Masih dengan Jquery-UI dan kali ini saya akan membahas mengenai Cara Menggunakan Datepicker dengan Jquery-UI. Datepicker ini adalah sebuah diantara fitur di Jquery-UI yang digunakan bagi mempermudah pengguna maupun para programmer pada menentukan atau memilih tanggal,bulan,serta tahun.
Sungguh luar lazim fitur jquery-ui ini, mari kita coba mulai menggunakan datepicker jquery-ui. Langkah pertama-tama jalankan/run text-editornya lalu kita membutuhkan yang namanya library dari jquery serta jquery-uinya teman-teman dapat lihat di gambar dibawah ini :
Di library diatas saya menggunakan CDN jquery library jadi mesti terhubung dengan internet. Oke kita telah mengkoneksikan librarynya langkah berikutnya teman-teman bikin element htmlnya seperti di gambar dibawah ini :
- Cara Menggunakan Datepicker dengan Jquery-UI
Oke, setelah kode htmlnya telah dibangun karenanya langkah berikutnya kita gunakan kegunaan jquerynya bagi mengaktifkan datepicker di jquery-ui. Contohnya dapat teman-teman lihat di gambar dibawah ini :
Di kode diatas adalah sebuah default datepicker dari jquery, kalau teman-teman jalankan/run dibrowser karenanya tampilan hasilnya masih default seperti di gambar dibawah ini :
Di gambar hasil default diatas masih banyak kekurangan ya teman-teman, contohnya kita tak dapat memilih bulan dan tahun secara cepat, atau dapat dibilang memilihnya masih satu-persatu per-bulan. Dan bagi mengkostumisasinya teman-teman hanya menambahkan kode jquery nya seperti di gambar dibawah ini :
Di gambar diatas telah saya berikan komentar bagi kostum bulan,tahun serta yang lainnya. Dan coba silahkan teman-teman jalankan kembali karenanya hasilnya akan menjadi seperti di gambar dibawah ini :
Bagaimana ? lumayan simple dan gampang ya teman-teman. Dan sekarang ini teman-teman dapat memilih bulan dan tahun secara cepat hehe. Oke kalau semacam itu saya rasa lumayan hingga disini pembahasan mengenai Cara Menggunakan Datepicker dengan Jquery-UI. Semoga bermanfaat dan hingga bertemu dipembahasan berikutnya.
Terimakasih
Sumber https://kursuswebsite.org