שדה תאריך
איסוף תאריכים בדיוק ובשליטה. החל מזימון פגישות ועד תאריכי לידה עם עיצוב גמיש, הגבלות טווח תאריכים ואימות חכם - שדה התאריך מספק לבוררי לוחות שנה מקוריים פקדים רבי עוצמה לתאריכים קודמים, תאריכים עתידיים, סופי שבוע וטווחים מותאמים אישית.
איסוף תאריכים מקצועי עם אימות חכם
מושלם בשביל:
תכונות עוצמתיות לכל מקרה שימוש
📅 ארבעה פורמטי תאריך
בחר העדפות אזוריות:
שנה ראשונה: 31-12-2023 (ISO 8601)
פורמט סטנדרטי בינלאומי. הטוב ביותר עבור מסדי נתונים, מיון ויישומים טכניים.
חודש ראשון: 31/12/2023 (סגנון אמריקאי)
פורמט אמריקאי. מוכר בעיקר למשתמשים אמריקאים עם סדר חודש-יום-שנה.
יום ראשון: 31/12/2023 (בסגנון בריטי)
פורמט בריטי/אירופאי עם סדר יום-חודש-שנה. נפוץ בעולם.
היום הראשון עם מקפים: 31-12-2023
פורמט אירופאי חלופי המשתמש במקפים במקום קו אלכסוני.
למה הפורמט חשוב:
תואם את ציפיות המשתמשים לפי אזור
מונע בלבול וטעויות
מבטיח אחסון נתונים עקבי
משפר את שיעורי מילוי הטפסים
התאמה אישית של התצוגה:
הפורמט משפיע על האופן שבו תאריכים נראים למשתמשים, תוך שמירה על פורמט אחסון סטנדרטי באופן פנימי.
📏 הגבלות טווח תאריכים
בקרת תאריכים לבחירה:
תאריך ראשון מותר (מינימום):
הגדר את התאריך המוקדם ביותר שמשתמשים יכולים לבחור. תאריכים שלפני כן מושבתים בבורר היומנים.
דוגמאות:
- רישום לאירוע: תאריך מינימום = תאריך הכרזת האירוע
- פגישות: תאריך מינימלי = היום (אין הזמנות קודמות)
- נתונים היסטוריים: תאריך מינימום = תאריך ייסוד החברה
- מועדי פרויקט: תאריך מינימום = תאריך תחילת הפרויקט
תאריך אחרון מותר (מקסימום):
הגדר את התאריך המאוחר ביותר שמשתמשים יכולים לבחור. תאריכים לאחר מכן מושבתים בבורר היומנים.
דוגמאות:
- הרשמה מוקדמת: תאריך מקסימלי = מועד אחרון
- זמינות מוגבלת: תאריך מקסימלי = תאריך אחרון זמין
- רישומים היסטוריים: תאריך מקסימלי = היום
- מסגרת זמן ספציפית: תאריך מקסימלי = סוף המבצע
כפתורי הגדרה מהירה:
הגדר תאריכי מינימום/מקסימום להיום בלחיצה אחת, או נקה הגבלות באופן מיידי.
⏮️ חסימת תאריכים קודמים
מנע בחירת תאריכים קודמים:
הפעל את "חסימת תאריכים קודמים" כדי להשבית את כל התאריכים שלפני היום. משתמשים יכולים לבחור רק את היום או תאריכים עתידיים.
מושלם בשביל:
- הזמנת תורים (אין תורים קודמים)
- רישום לאירוע (רק לאירועים קרובים)
- בחירת תאריך אספקה (אספקות עתידיות)
- מערכות הזמנות (הזמנות מראש)
- מועדים אחרונים (חייבים להיות בעתיד)
התנהגות חכמה:
מתעדכן אוטומטית מדי יום – התאריך של היום תמיד תקף, התאריך של אתמול מושבת. אין צורך בניהול תאריכים ידני.
בשילוב עם הגבלות אחרות:
השתמשו עם תאריך מקסימלי כדי ליצור חלונות עתידיים (למשל, הזמנות מהיום ועד 30 יום לפני כן).
⏭️ חסימת תאריכים עתידיים
מניעת בחירת תאריכים קרובים:
הפעל את "חסימת תאריכים עתידיים" כדי להשבית את כל התאריכים לאחר היום. משתמשים יכולים לבחור רק את היום או תאריכים עברו.
מושלם בשביל:
- אוסף תאריכי לידה (לא יכול להיות עתידי)
- תאריכי אירועים היסטוריים (עבר בלבד)
- תאריכי תחילת ניסיון (מתי התחלת?)
- תאריכי סיום (כבר קרו)
- תאריכי יום נישואין (אירועים מהעבר)
שימוש בעולם האמיתי:
מבטיח הזנת תאריכים לוגית - תאריכי לידה, תאריכי גיוס ותאריכי סיום לימודים חייבים להיות בעבר.
אימות מובנה:
הדפדפן מונע בחירות לא חוקיות באופן אוטומטי. אין צורך בהודעות שגיאה מבלבלות.
📆 השבתת סופי שבוע
בחירת שבת וראשון בלוק:
הפעל את "אין בחירת סוף שבוע" כדי להשבית ימי שבת וראשון בבורר היומן. ניתן לבחור רק ימי חול (ימים שני עד שישי).
מושלם בשביל:
- הזמנת פגישות עסקיות
- תזמון משלוחים למשרד
- בחירת תאריך ייעוץ
- פגישות שירות (ימים שני עד שישי בלבד)
- תזמון פגישות B2B
אינטראקציות חכמות:
אם המשתמש בוחר איכשהו סוף שבוע (דרך המקלדת), המערכת מתקנת אוטומטית ליום שני הבא. הגנה חלקה.
משתלב עם אפשרויות אחרות:
עובד עם מגבלות עבר/עתיד - ניתן לבחור רק ימי חול בטווח המותר.
🎯 אפשרויות תאריך ברירת מחדל
בחרו מראש תאריכי התחלה:
אין תאריך שנבחר מראש (ריק):
השדה מתחיל ריק. על המשתמשים לבחור תאריך באופן פעיל. מומלץ לתאריכים המשתנים באופן משמעותי.
תאריך היום:
מתמלא מראש אוטומטית בתאריך הנוכחי בעת טעינת הטופס. מתעדכן באופן דינמי בכל יום.
שימוש במקרים:
- שדות "תאריך פנייה"
- טפסי חותמת זמן
- תיעוד עדכני
- בחירות לוח הזמנים להיום
תאריך מחר:
מתמלא מראש אוטומטית עם התאריך של מחר. מושלם להזמנות למחרת.
שימוש במקרים:
- בחירת משלוח למחרת
- הזמנות תורים למחר
- ברירות מחדל לאירועים עתידיים
- זמינות למחרת
תאריך ספציפי להתאמה אישית:
בחרו תאריך קבוע לבחירה מראש. מצוין לתאריכים מוצעים או לטפסים ספציפיים לאירוע.
שימוש במקרים:
- תאריך מומלץ לפגישה
- ברירות מחדל של תאריכי האירוע
- הצעות למועד אחרון
- תאריכי הגשת מועמדות למילוי מראש
📱 בורר לוח שנה מקורי
בחירת תאריך מותאמת לדפדפן:
משתמש בקלט תאריכים מקורי ב-HTML5 עם בורר לוחות שנה מובנה בדפדפן. מספק חוויה מוכרת ומותאמת לפלטפורמה.
מראה ספציפי לפלטפורמה:
- iOS: בורר גלגלים יפהפה
- אנדרואיד: לוח שנה בעיצוב חומרי
- כרום למחשב שולחני: לוח שנה נפתח
- ספארי למחשב שולחני: בורר קומפקטי
- הכל מותאם לפלטפורמה שלהם
יתרונות:
- אין צורך בספריית JavaScript
- טעינה מיידית
- נגיש כברירת מחדל
- ניווט במקלדת
- מותאם למגע
- גודל קובץ מינימלי
לחץ בכל מקום:
ניתן ללחוץ על כל השדה כדי לפתוח את היומן. אזור אינטראקציה גדול משפר את השימושיות.
✅ אימות תאריך חכם
שכבות אימות מובנות:
אימות פורמט:
הדפדפן מבטיח אוטומטית שפורמט התאריך יתאים. משתמשים אינם יכולים להזין תאריכים לא חוקיים כמו "2023-13-45".
אימות טווח:
תאריכים מינימליים/מקסימליים נאכפים ברמת הבוחר. תאריכים לא חוקיים מושבתים - לא ניתן לבחור אותם.
אימות לוגי:
הגבלות עבר/עתיד/סוף שבוע חלו אוטומטית. המערכת מונעת בחירות לא חוקיות.
נקה הודעות שגיאה:
אם משתמשים עוקפים איכשהו את ההגבלות, הודעות ברורות מסבירות: "התאריך חייב להיות אחרי 01-01-2024" או "התאריך חייב להיות לפני 31-12-2024".
🔀 לוגיקה מותנית
נראות שדה תאריך דינמי:
הצג או הסתר שדות תאריך בהתבסס על ערכי טופס אחרים. הצג שדות תאריך רלוונטיים רק בעת הצורך.
כללי לוגיקה מתקדמים:
- לוגיקה וגם - כל התנאים חייבים להתקיים
- לוגיקה או - כל תנאי יכול להפעיל את הפעולה
- 8 אופרטורים - שווה, לא שווה, גדול מ, קטן מ, מכיל, ריק ועוד
שימוש במקרים:
- הצג "תאריך מועדף" רק כאשר סוג ההזמנה שווה ל"פגישה"
- הצג "תאריך אירוע" כאשר סוג האירוע אינו ריק
- גילוי "תאריך אספקה" כאשר שיטת המשלוח שווה ל"מתוכנן"
- הסתר את "תאריך חזרה" כאשר סוג הכרטיס שווה ל"כיוון אחד"
🎯 חוויית משתמש משופרת
תכונות חכמות מובנות:
- תצוגת תאריך חזותית - התאריך שנבחר מוצג בפורמט קריא
- סמל לוח שנה - אינדיקציה חזותית של בורר תאריכים
- ניווט במקלדת – מקשי החצים מנווטים בלוח השנה
- נגישות לשונית - תמיכה מלאה במקלדת
- אופטימיזציה למגע - מטרות מגע גדולות בנייד
- תיקון אוטומטי - תאריכים לא חוקיים מותאמים אוטומטית לתאריך התקף הקרוב ביותר
- הדגשת היום – התאריך הנוכחי מודגש בבורר
- בחירה מהירה – לחיצה על התאריך, הבורר נסגר אוטומטית
- תמיכה בטקסט עזרה - הוספת רמזים או הוראות לפורמט תאריך
- אימות נדרש – הפוך את בחירת התאריך לחובה
- מחלקות CSS מותאמות אישית – החלת עיצוב מותאם אישית
- תמיכה בנגישות – תוויות ARIA, תואם לקורא מסך
התקנה פשוטה ב-3 שלבים
הכינו את שדה התאריכים שלכם תוך דקות
הוסף שדה תאריך
גרור ושחרר את שדה התאריך מהמקטע שדות בסיסיים לתוך הטופס שלך.
בחר פורמט וטווח
בחר פורמט תאריך (ארה"ב, בריטניה, ISO), קבע גבולות תאריכים מינימליים/מקסימליים, והפעל חסימת תאריכים בעבר/עתידיים/סופי שבוע לפי הצורך.
הגדר תאריך ברירת מחדל
בחר אם השדה יתחיל ריק, יתמלא מראש עם היום, מחר או תאריך מותאם אישית שתציין.
??? זהו! שדה התאריך שלך מוכן עם אימות חכם ובוחרים מקוריים.
אפליקציות בעולם האמיתי
הזמנת פגישה
* תאריכי תורים רפואיים
* קביעת תיאום ייעוץ
* בחירת תור לשירות
* תיאום מועדי פגישה
הרשמה לאירוע
* תאריכי השתתפות באירוע
* בחירת תאריך לסדנה
* רישום לכנס
* תאריכי הרשמה לשיעורים
משלוח ומשלוח
* תאריכי משלוח מועדפים
* בחירת תאריך משלוח
* קביעת מועד האיסוף
* תכנון מועדי שיגור
יישומים עסקיים
* תאריכי מועד אחרון לפרויקט
* תאריכי יעד למשימות
* תאריכי תחילת חוזה
* תאריכי התחלה/סיום של ההסכם
מידע אישי
* אוסף תאריכי לידה
* תאריכי יום נישואין
* תאריך תחילת העסקה
* תאריכי סיום לימודים
הזמנות
* תאריכי צ'ק-אין במלון
* תאריכי תחילת השכרה
* תאריכי אישור הזמנה
* בחירת תקופת הזמנה
אפשרויות שדה מלאות
תצורה בסיסית
- תווית שדה – הכותרת המוצגת מעל שדה התאריך
- תיאור/טקסט עזרה – הדרכה נוספת למשתמשים
- שדה חובה – הפוך את בחירת התאריך לחובה
- מציין מיקום – לא רלוונטי עבור בוחרי תאריכים מקוריים
פורמט תאריך
- כיצד להציג תאריכים:
- שנה ראשונה: 31-12-2023 (ISO 8601)
- החודש הראשון: 31/12/2023 (בסגנון אמריקאי)
- יום ראשון: 31/12/2023 (בסגנון בריטי)
- היום הראשון עם מקפים: 31-12-2023
הגבלות טווח תאריכים
- תאריך ראשון מותר - התאריך המוקדם ביותר שמשתמשים יכולים לבחור (השאר ריק ללא הגבלה)
- תאריך אחרון מותר - התאריך האחרון שמשתמשים יכולים לבחור (השאר ריק ללא הגבלה)
אפשרויות חסימת תאריכים
- חסימת תאריכים קודמים – מונעת בחירת תאריכים לפני היום
- חסימת תאריכים עתידיים – מונע בחירת תאריכים לאחר היום
- אין בחירת סוף שבוע – מונע בחירת שבתות וראשון
בחירת תאריך התחלה:
- אין תאריך שנבחר מראש (ריק) – השדה מתחיל ריק
- תאריך היום - תאריך נוכחי מולא מראש
- תאריך מחר - יום המחרת מולא מראש
- תאריך ספציפי (לבחירתך) – תאריך מותאם אישית מולא מראש
תאריך ברירת מחדל מותאם אישית – בחר את תאריך ההתחלה שלך (מוצג כאשר נבחר "תאריך ספציפי")
היגיון מותנה
- הפעלת לוגיקה מותנית - הצגה/הסתר בהתבסס על תנאים
- סוג לוגיקה
- כל התנאים חייבים להתקיים (וגם)
- ניתן לעמוד בכל תנאי (או)
- כללי תנאי
- הצג/הסתר – פעולה שיש לנקוט
- שדה - איזה שדה לבדוק
- אופרטור – שווה, לא שווה, מכיל, גדול מ, קטן מ, ריק, לא ריק
- ערך – ערך השוואה
- תנאים מרובים - הוסף כללים ללא הגבלה
אפשרויות מתקדמות
- שדה מוסתר – הפוך את השדה לבלתי נראה אך כלול תאריך בהגשות
- מחלקות CSS מותאמות אישית – החלת עיצוב מותאם אישית
- מאפייני נגישות – תוויות ARIA עבור קוראי מסך
למה לבחור בשדה התאריך שלנו?
✅ פורמטים מרובים - פורמטים אמריקאיים, בריטיים, ISO ופורמטים מקווקו
✅ בקרת טווח תאריכים - קבע גבולות מינימום/מקסימום במדויק
✅ חסימת תאריכים קודמים – אפשר רק בחירת תאריכים עתידיים
✅ חסימת תאריכים עתידיים – אפשר רק בחירת תאריכים מהעבר
✅ השבתת סופי שבוע – בחירה לימי חול בלבד לעסקים
✅ ברירות מחדל חכמות - מלאו מראש עם היום, מחר או תאריך מותאם אישית
✅ בוחרי לוחות שנה מותאמים לדפדפן לכל פלטפורמה
✅ אימות אוטומטי – לא ניתן לבחור תאריכים לא חוקיים
✅ משולב לחלוטין – עובד בצורה חלקה עם כל תכונות הטפסים
שאלות נפוצות
ש: אילו פורמטים של תאריך נתמכים?
ארבעה פורמטים: ISO (31/12/2023), US (31/12/2023), UK (31/12/2023) ו-Dashed (31-12-2023). בחרו את הפורמט המתאים ביותר לקהל היעד שלכם.
ש: כיצד ניתן למנוע ממשתמשים לבחור תאריכים קודמים?
הפעל את "חסימת תאריכים קודמים". כל תאריך לפני היום הופך לבלתי ניתן לבחירה בבורר התאריכים.
ש: האם ניתן להגביל תאריכים לטווח מסוים?
כן. הגדר "תאריך מותר ראשון" ו"תאריך מותר אחרון" כדי להגביל את הבחירות לחלון מוגדר.
ש: מה עושה "סופי שבוע להשבתה"?
זה מסיר את ימי שבת וראשון מאפשרויות הבחירה. רק ימי שני עד שישי יישארו זמינים.
ש: כיצד פועלים תאריכי ברירת מחדל?
בחר אם השדה מתחיל ריק, יציג את התאריך של היום, את התאריך של מחר או תאריך מותאם אישית. היום ומחר יתאימו אוטומטית.
ש: האם בורר התאריכים נראה אותו הדבר בכל המכשירים?
לא. הוא משתמש בממשק המשתמש המקורי של כל מכשיר - בוררי גלגלים של iOS, לוחות שנה של אנדרואיד, בוררי שולחן עבודה וכן הלאה.
ש: האם ניתן לחסום תאריכים עתידיים עבור שדות תאריך לידה?
כן. הפעל את "חסימת תאריכים עתידיים" כדי שמשתמשים יוכלו לבחור רק תאריכים עד היום כולל.
ש: כיצד תאריכי מינימום/מקסימום פועלים יחד עם חסימה של עבר/עתיד?
הם מצטברים. לדוגמה, חסימת תאריכים עברו בתוספת תאריך מקסימלי של 30 יום קדימה גורמת לטווח מהיום ועד 30 יום קדימה.
ש: האם משתמשים יכולים להקליד תאריכים במקום להשתמש בבורר?
חלק מהדפדפנים מאפשרים הקלדה עם אימות. אחרים כופים את בורר התאריכים. כולם אוכפים עיצוב נכון.
ש: מה קורה אם משתמש בוחר סוף שבוע כאשר סופי שבוע מושבתים?
המערכת מתאימה את עצמה אוטומטית ליום השבוע התקף הקרוב ביותר, בדרך כלל יום שני שלאחר מכן.
ש: האם ניתן להשתמש בלוגיקה מותנית עם שדות תאריך?
כן. השתמשו בהשוואות כמו "שווה", "ריק", "לא ריק", "גדול מ" או "קטן מ" כדי לשלוט בנראות של שדות אחרים.
ש: איך אני קובע תאריך יעד?
הזן את המועד האחרון שלך תחת "תאריך אחרון מותר". משתמשים לא יכולים לבחור תאריכים לאחר נקודה זו. שלב עם "חסום תאריכים קודמים" אם אתה זקוק לזמינות לעתיד בלבד.
