Laman » Reka Bentuk Web » Buat Input Data Minimum Minimalis Pilih dengan Flatpickr

    Buat Input Data Minimum Minimalis Pilih dengan Flatpickr

    Salah satu bidang yang paling menonjol untuk dicipta ialah pilih tarikh / masa. Pemaju sering menggunakan menu pilihan mudah untuk bulan / hari / tahun atau bergantung kepada pelbagai pemalam untuk melakukan kerja.

    Pilih bidang berfungsi dengan baik tetapi mereka sedikit kikuk. Sebaliknya, anda boleh jazz up dengan borang anda Plugin Flatpickr. Ianya adalah bebas, pemula kalendar JavaScript sumber terbuka dengan sifar kebergantungan.

    Ia adalah direka dengan minimalism dalam fikiran, jadi ia boleh dimuatkan ke dalam susun atur laman web mana-mana, apa-apa bentuk web, dan boleh digunakan dari mana-mana peranti moden.

    Satu perkara yang baik tentang plugin ini ialah pelbagai pilihan tersuai. Anda boleh mengubah cara tarikh dipaparkan dalam medan teks dan di mana kalendar bermula (lalai pada “hari ini”).

    Tetapi, anda juga boleh gunakannya sebagai pemetik tarikh dengan ketat jika anda tidak memerlukan pemilihan masa. Ia hanya merupakan ciri pilihan yang membolehkan anda lulus lebih banyak data melalui borang dengan pemilih ini.

    Lihat sahaja Halaman contoh untuk melihat Flatpickr dalam tindakan.

    Anda juga boleh tetapkan pilihan yang disasarkan untuk menghadkan tingkah laku pemilih tarikh, seperti:

    • Mengeluarkan tarikh / julat tertentu
    • Hanya membenarkan tarikh / julat tertentu
    • Membenarkan pelbagai pilihan tarikh
    • “Mod julat” untuk memilih tarikh mula & tamat
    • Hanya pemilih tarikh, atau hanya masa, atau kedua-dua tarikh & masa bersama-sama

    Pilihannya adalah tidak berkesudahan dan mereka semua bekerja melalui plugin JavaScript vanila ini.

    Pengguna mudah alih sering memilih pemilih tarikh asli tetapi anda boleh tolak perkara ini dengan tetapan mudah alih dalam JavaScript. Dengan cara ini, anda akan mempunyai antara muka yang sama bekerja di semua peranti.

    Dan, anda juga boleh tambah sokongan IE9 dengan polyfill yang menjadikan salah satu plugin pemilih tarikh yang paling disokong di luar sana.

    Pemasangan adalah mudah dengan arahan untuk npm, Bower, dan Benang. Atau, anda boleh memuat turun fail sumber terus dari GitHub jika anda lebih suka laluan itu.

    Semua yang anda perlu ketahui boleh didapati di halaman persediaan yang menunjukkan anda bagaimana untuk menambah fail ke tajuk anda & bagaimana untuk memanggil pemetik tarikh ini di mana-mana bidang. Mudah salah satu plugin pemetik tarikh terbaik yang dirancang cukup untuk dimuatkan dengan reka bentuk apa pun.