יצירת הזנת נתונים מזערית מינימליסטית בחר עם Flatpickr
אחד השדות המסובכים ביותר ליצור הוא תאריך / שעה בחר. מפתחים לעתים קרובות לנקוט תפריטים לבחירה פשוטה לחודש / יום / שנה או להסתמך על תוספים שונים לעשות את העבודה.
שדות בחר לעבוד בסדר אבל הם קצת clunky. במקום זאת, אתה יכול ג 'אז את הטופס עם פלאגין. זה ללא תשלום, קוד פתוח בורר JavaScript עם תלות אפס.
זה היה שתוכננה עם מינימליזם בראש, כך שהוא יכול להתאים לכל פריסת אתר אינטרנט, כל טופס אינטרנט, ואת צריכה להיות שמיש מכל מכשיר מודרני.
דבר אחד נחמד על תוסף זה מגוון אפשרויות מותאמות אישית. ניתן להגדיר מחדש את האופן שבו התאריכים מופיעים בשדה הטקסט והיכן מתחיל לוח השנה (ברירות מחדל “היום”).
אבל, אתה יכול גם להשתמש בו בתור בורר תאריך אם אין לך צורך בבחירת הזמן. זה רק תכונה אופציונלית המאפשרת לך להעביר נתונים נוספים באמצעות הטופס עם בורר אחד.
תסתכל על דוגמאות לדף לראות את פלטפיקר בפעולה.
אתה יכול גם להגדיר אפשרויות ממוקדות להגביל את ההתנהגות של בורר התאריכים, כגון:
- איסור תאריכים / טווחים מסוימים
- רק מאפשר תאריכים / טווחים מסוימים
- מתן אפשרות לבחירות תאריכים מרובות
- “מצב טווח” כדי לבחור תאריך התחלה וסיום
- רק בוחר תאריך, או רק זמן, או שניהם תאריך & זמן ביחד
האפשרויות הן אינסופיות כמעט וכולם עובדים דרך תוסף זה JavaScript וניל אחד.
משתמשים ניידים מעדיפים לעתים קרובות את בורר התאריכים המקומי, אבל אתה יכול עקוף זאת עם הגדרה לנייד ב- JavaScript. בדרך זו יהיה לך את אותו ממשק עובד בכל המכשירים.
וגם, אתה יכול אפילו הוסף IE9 תמיכה עם polyfill מה שהופך את זה לאחד התוספים הכי בוחרים היטב נתמך תאריך בחוץ.
ההתקנה היא פשוטה עם פקודות עבור npm, Bower, ו חוט. לחלופין, ניתן להוריד את קבצי המקור ישירות מ GitHub אם אתה מעדיף את המסלול.
כל מה שאתה צריך לדעת ניתן למצוא בדף ההתקנה אשר מראה לך כיצד להוסיף את הקבצים לכותרת & כיצד לקרוא תאריך זה בורר על כל שדה. בקלות אחד התוספים הטובים ביותר תאריך בוחר תוכנן פשוט מספיק כדי להתאים עם כל עיצוב.
