Laman » Toolkit » Bidang Input Masa Tersuai dengan jQuery Timedropper

    Bidang Input Masa Tersuai dengan jQuery Timedropper

    Sesetengah borang web memerlukan input berasaskan tarikh dan plugin pemilih tarikh boleh membantu dengan itu. Tetapi, bagaimana pula input masa?

    Dengan plugin jQuery percuma Timedropper, anda boleh menambah pemilih masa tersuai untuk menetapkan janji temu, menjadualkan panggilan telefon, atau apa sahaja yang anda perlukan.

    Ia sangat mudah dan anda hanya memerlukan perpustakaan jQuery untuk memulakan. Sebaik sahaja anda telah memasang pustaka itu, anda boleh menambah fail Timedropper JS / CSS dan biarkan ia berjalan. Itu sahaja!

    Setiap medan input mestilah disasarkan oleh pemilih jQuery yang kemudiannya menambah medan input Timedropper. Ini mempunyai pilihan anda boleh menambah dengan ciri tambahan (pilihan):

    • Autoswitch - secara automatik menukar jam / minit semasa menyemai
    • Meridian - menetapkan jam 12 jam dan bukannya 24 jam
    • Format - menetapkan bagaimana jam & minit muncul (gaya lalai ialah 1:22 petang)
    • Roda tetikus - membolehkan perubahan masa berdasarkan skrol roda
    • Init_animation - menghidupkan kesan animasi yang pudar
    • setCurrentTime - secara automatik menambah masa semasa ke nilai medan

    Jika anda lebih berani anda boleh ubah gaya menggunakan beberapa tema pra-bungkus, atau bahkan membina sendiri dari awal.

    Di laut jQuery plugin, Timedropper adalah lutut lebah. Ia betul-betul menawarkan antara muka yang unik untuk mana-mana aplikasi untuk memilih masa tanpa mengira peranti.

    Sememangnya, ia adalah respons mudah alih, jadi ia berfungsi pada telefon pintar & tablet juga. Walau bagaimanapun, saya tidak suka kekurangan sokongan pad num. Itu seolah-olah cara yang jelas untuk memasuki masa, jadi tanpa ciri itu, ia boleh merasa mengehadkan.

    Namun, untuk a antara muka yang unik dan a persediaan mudah, Saya cadangkan Timedropper untuk sesiapa sahaja yang sanggup memberikannya.

    Awak boleh cari semua kod sumber percuma di GitHub dan anda akan dapati demo yang sangat mudah dalam pen ini, tertanam di bawah.

    Jika anda mempunyai sebarang pemikiran atau cadangan lain, jangan ragu untuk berkongsi dengan pemaju di Twitter @felice_gattuso.