إنشاء الحد الأدنى من المدخلات تاريخ الإدخال حدد مع Flatpickr
واحد من اصعب الحقول لخلق تاريخ / وقت اختيار. غالبًا ما يلجأ المطورون إلى قوائم اختيار بسيطة للشهر / اليوم / السنة أو يعتمدون على مكونات إضافية مختلفة للقيام بهذه المهمة.
حدد الحقول تعمل بشكل جيد لكنها صغيرة الكعب. بدلاً من ذلك ، يمكنك تشغيل النموذج الخاص بك مع البرنامج المساعد Flatpickr. انه جافا سكريبت منتقي التقويم المجاني والمفتوح المصدر بدون أي تبعيات.
كان صمم مع بساطتها في الاعتبار, بحيث يمكن أن تنسجم مع أي تصميم موقع ، وأي شكل ويب ، ويجب أن تكون قابلة للاستخدام من أي جهاز حديث.
شيء واحد لطيف حول هذا البرنامج المساعد هو مجموعة متنوعة من الخيارات المخصصة. يمكنك إعادة ترتيب كيفية ظهور التواريخ في حقل النص وأين يبدأ التقويم (الإعدادات الافتراضية في “اليوم”).
ولكن ، يمكنك أيضا استخدامه بدقة منتقي التاريخ إذا لم يكن لديك حاجة لاختيار الوقت. إنها مجرد ميزة اختيارية تتيح لك تمرير المزيد من البيانات عبر النموذج باستخدام هذا المنتقي الواحد.
نلقي نظرة على أمثلة الصفحة لرؤية Flatpickr في العمل.
بامكانك ايضا ضبط الخيارات المستهدفة للحد من سلوك منتقي التاريخ ، مثل:
- رفض بعض التواريخ / النطاقات
- السماح فقط ببعض التواريخ / النطاقات
- السماح بتحديدات متعددة للتاريخ
- “وضع النطاق” لتحديد تاريخ البدء والانتهاء
- مجرد منتقي التاريخ ، أو الوقت فقط ، أو كلاهما التاريخ والوقت معا
الخيارات لا حصر لها عمليا وجميعها تعمل من خلال هذا البرنامج المساعد لجافا سكريبت الفانيليا.
غالبًا ما يفضل مستخدمو الهاتف المحمول منتقي التاريخ الأصلي ولكن يمكنك ذلك تجاوز هذا باستخدام إعداد جوال في JavaScript. بهذه الطريقة سيكون لديك نفس الواجهة التي تعمل عبر جميع الأجهزة.
ويمكنك حتى إضافة دعم IE9 مع polyfill مما يجعل هذا واحدًا من الإضافات الأكثر انتقاءًا للتاريخ المدعومة جيدًا.
التثبيت بسيط مع أوامر npm و Bower و Yarn. أو يمكنك تنزيل الملفات المصدر مباشرة من جيثب إذا كنت تفضل هذا الطريق.
كل ما تحتاج إلى معرفته يمكن العثور عليه في صفحة الإعداد التي تظهر لك كيفية إضافة الملفات إلى رأسك و كيفية استدعاء منتقي التاريخ هذا في أي مجال. بسهولة واحدة من أفضل الإضافات منتقي التاريخ مصممة ببساطة كافية لتناسب أي تصميم.
