Bidang Input Waktu Kustom dengan Timedropper jQuery
Beberapa formulir web memerlukan input berbasis tanggal dan plugin pemilih tanggal dapat membantu dengan itu. Tapi bagaimana dengan itu? input waktu?
Dengan plugin jQuery gratis Timedropper, Anda dapat menambahkan pemetik waktu kustom untuk mengatur janji, menjadwalkan panggilan telepon, atau apa pun yang Anda butuhkan.
Ini sangat sederhana dan Anda hanya membutuhkan pustaka jQuery untuk memulai. Setelah Anda menginstal pustaka itu, Anda dapat menambahkan file JS / CSS Timedropper dan membiarkannya berjalan. Itu dia!
Setiap bidang input harus ditargetkan oleh pemilih jQuery yang kemudian menambahkan bidang input Timedropper. Ini memang memiliki opsi Anda dapat menambahkan dengan fitur ekstra (opsional):
- Penyihir otomatis - secara otomatis berubah jam / menit ketika mousing
- Meridian - atur jam 12 jam, bukan 24 jam
- Format - mengatur bagaimana jam & menit muncul (gaya default adalah 1:22 siang)
- Roda mouse - memungkinkan perubahan waktu berdasarkan gulir roda
- Init_animation - mengaktifkan efek animasi fading
- setCurrentTime - secara otomatis menambahkan waktu saat ini ke nilai bidang
Jika Anda bahkan lebih berani, Anda bisa ubah gaya menggunakan beberapa tema yang sudah dikemas sebelumnya, atau bahkan membangun sendiri dari awal.
Di lautan plugin jQuery, Timedropper adalah lutut lebah. Itu benar-benar menawarkan antarmuka yang unik untuk aplikasi apa pun untuk memilih waktu terlepas dari perangkat.
Tentu saja seluler responsif, jadi itu berfungsi di smartphone & tablet juga. Namun, saya tidak suka kurangnya dukungan num pad. Itu sepertinya cara yang jelas untuk memasuki suatu waktu, jadi tanpa fitur itu, itu bisa terasa membatasi.
Masih, untuk antarmuka yang unik dan a pengaturan sederhana, Saya merekomendasikan Timedropper untuk siapa pun yang mau mencobanya.
Kamu dapat menemukan semua kode sumber gratis di GitHub dan Anda akan menemukan demo yang sangat sederhana di pena ini, tertanam di bawah.
Jika Anda memiliki pemikiran atau saran lain, jangan ragu untuk berbagi dengan pengembang di Twitter @felice_gattuso.