حقل التاريخ
اجمع التواريخ بدقة وتحكم. بدءًا من حجز المواعيد وحتى تواريخ الميلاد مع تنسيق مرن، وقيود على نطاق التاريخ، وتحقق ذكي - يوفر حقل التاريخ لمحددات التقويم الأصلية عناصر تحكم قوية للتواريخ الماضية، والتواريخ المستقبلية، وعطلات نهاية الأسبوع، والنطاقات المخصصة.
جمع البيانات الاحترافي مع التحقق الذكي
مثالية لـ: روتين العناية بالبشرة، تطبيق المكياج، أيام السبا، أو الاستخدام اليومي
ميزات قوية لكل حالة استخدام
📅 أربعة تنسيقات للتاريخ
اختر التفضيلات الإقليمية:
السنة أولاً: 2023-12-31 (ISO 8601)
تنسيق قياسي دولي. الأفضل لقواعد البيانات والفرز والتطبيقات التقنية.
الشهر أولاً: 31/12/2023 (حسب النمط الأمريكي)
التنسيق الأمريكي. الأكثر شيوعًا لدى المستخدمين الأمريكيين هو ترتيب الشهر واليوم والسنة.
اليوم الأول: 31/12/2023 (حسب التوقيت البريطاني)
التنسيق البريطاني/الأوروبي بترتيب اليوم-الشهر-السنة. شائع دوليًا.
اليوم أولاً مع الشرطات: 31-12-2023
صيغة أوروبية بديلة تستخدم الشرطات بدلاً من الشرطات المائلة.
لماذا يُعدّ الشكل مهمًا؟
يلبي توقعات المستخدمين حسب المنطقة
يمنع الارتباك والأخطاء
يضمن تخزين البيانات بشكل متسق
تحسين معدلات إكمال النماذج
تخصيص العرض:
يؤثر التنسيق على كيفية ظهور التواريخ للمستخدمين مع الحفاظ على تنسيق التخزين القياسي داخليًا.
📏 قيود نطاق التاريخ
التحكم في التواريخ القابلة للتحديد:
أول تاريخ مسموح به (كحد أدنى):
حدد أقرب تاريخ يمكن للمستخدمين اختياره. التواريخ السابقة لهذا التاريخ معطلة في منتقي التقويم.
أمثلة:
- التسجيل في الفعالية: الحد الأدنى للتاريخ = تاريخ الإعلان عن الفعالية
- المواعيد: الحد الأدنى للتاريخ = اليوم (لا تُقبل الحجوزات السابقة)
- البيانات التاريخية: تاريخ الحد الأدنى = تاريخ تأسيس الشركة
- مواعيد تسليم المشروع: الحد الأدنى للتاريخ = تاريخ بدء المشروع
آخر تاريخ مسموح به (الحد الأقصى):
حدد آخر تاريخ يمكن للمستخدمين اختياره. التواريخ اللاحقة لهذا التاريخ معطلة في منتقي التقويم.
أمثلة:
- التسجيل المبكر: تاريخ انتهاء الصلاحية = تاريخ أقصى.
- التوفر محدود: أقصى تاريخ = آخر تاريخ متاح
- السجلات التاريخية: أقصى تاريخ = اليوم
- إطار زمني محدد: تاريخ انتهاء العرض الترويجي
أزرار الضبط السريع:
حدد الحد الأدنى/الأقصى للتواريخ حتى اليوم بنقرة واحدة، أو قم بإزالة القيود على الفور.
⏮️ حظر التواريخ السابقة
منع تحديد التواريخ السابقة:
فعّل خيار "حظر التواريخ السابقة" لتعطيل جميع التواريخ قبل اليوم. يمكن للمستخدمين اختيار اليوم فقط أو التواريخ المستقبلية.
مثالي لـ:
- حجز المواعيد (لا يُقبل حجز المواعيد السابقة)
- التسجيل في الفعاليات (الفعاليات القادمة فقط)
- اختيار تاريخ التسليم (التسليمات المستقبلية)
- أنظمة الحجز (الحجوزات المسبقة)
- المواعيد النهائية (يجب أن تكون في المستقبل)
السلوك الذكي:
يتم التحديث تلقائيًا يوميًا - تاريخ اليوم صالح دائمًا، ويتم تعطيل تاريخ الأمس. لا حاجة لإدارة التاريخ يدويًا.
يتكامل مع قيود أخرى:
استخدم مع التاريخ الأقصى لإنشاء فترات زمنية مستقبلية (على سبيل المثال، الحجوزات من اليوم إلى 30 يومًا قادمة).
⏭️ حجز التواريخ المستقبلية
منع تحديد التواريخ القادمة:
فعّل خيار "حظر التواريخ المستقبلية" لتعطيل جميع التواريخ اللاحقة لليوم. يمكن للمستخدمين اختيار تواريخ اليوم أو التواريخ السابقة فقط.
مثالي لـ:
- جمع بيانات تاريخ الميلاد (لا يمكن أن يكون تاريخ ميلاد مستقبلي)
- تواريخ الأحداث التاريخية (الماضية فقط)
- تواريخ بدء الخبرة (متى بدأت؟)
- تواريخ الإنجاز (التي حدثت بالفعل)
- تواريخ الذكرى السنوية (الأحداث السابقة)
الاستخدام في العالم الحقيقي:
يضمن إدخال التواريخ بشكل منطقي – يجب أن تكون تواريخ الميلاد وتواريخ التوظيف وتواريخ التخرج في الماضي.
التحقق المدمج:
يمنع المتصفح الاختيارات غير الصالحة تلقائيًا. لا حاجة لرسائل خطأ مربكة.
📆 تعطيل عطلات نهاية الأسبوع
قائمة مختارة ليومي السبت والأحد:
فعّل خيار "عدم تحديد عطلة نهاية الأسبوع" لتعطيل يومي السبت والأحد في مُحدِّد التقويم. يُمكن تحديد أيام الأسبوع فقط (من الاثنين إلى الجمعة).
مثالي لـ:
- حجز مواعيد العمل
- جدولة توصيل الطلبات للمكاتب
- اختيار موعد الاستشارة
- مواعيد الخدمة (من الاثنين إلى الجمعة فقط)
- جدولة اجتماعات الشركات
التفاعلات الذكية:
إذا اختار المستخدم عطلة نهاية الأسبوع (عبر لوحة المفاتيح)، يقوم النظام تلقائيًا بتصحيحها إلى يوم الاثنين التالي. حماية سلسة.
يمكن دمجه مع خيارات أخرى:
يعمل مع القيود السابقة/المستقبلية - أيام الأسبوع فقط ضمن النطاق المسموح به قابلة للتحديد.
🎯 خيارات التاريخ الافتراضية
حدد تواريخ البدء مسبقًا:
لا يوجد تاريخ محدد مسبقاً (فارغ):
يبدأ الحقل فارغًا. يجب على المستخدمين تحديد تاريخ بشكل فعلي. يُعد هذا الخيار الأمثل للتواريخ التي تختلف اختلافًا كبيرًا.
تاريخ اليوم:
يتم ملء التاريخ الحالي تلقائيًا عند تحميل النموذج. ويتم تحديثه ديناميكيًا كل يوم.
استخدم حالات:
- حقول "تاريخ الاستفسار"
- نماذج الطوابع الزمنية
- وثائق التاريخ الحالي
- اختيارات جدول اليوم
موعد الغد:
يتم ملء التاريخ تلقائيًا بتاريخ الغد. مثالي للحجوزات في اليوم التالي.
استخدم حالات:
- خيارات التوصيل في اليوم التالي
- مواعيد الحجز ليوم غد
- الإعدادات الافتراضية للأحداث المستقبلية
- التوفر في اليوم التالي
تاريخ مخصص محدد:
اختر أي تاريخ محدد لتحديده مسبقًا. مثالي للتواريخ المقترحة أو النماذج الخاصة بالفعاليات.
استخدم حالات:
- تاريخ الموعد الموصى به
- تاريخ الحدث الافتراضي
- اقتراحات بشأن المواعيد النهائية
- تواريخ التقديم المعبأة مسبقًا
📱 منتقي التقويم الأصلي
اختيار التاريخ المُحسّن للمتصفح:
يستخدم مدخلات التاريخ الأصلية في HTML5 مع منتقي التقويم المدمج في المتصفح. يوفر تجربة مألوفة ومخصصة لكل منصة.
مظهر خاص بالمنصة:
- نظام iOS: مُحدِّد عجلة جميل
- نظام أندرويد: تقويم بتصميم ماتيريال
- متصفح كروم على سطح المكتب: تقويم منسدل
- متصفح سطح المكتب: أداة اختيار الصور المصغرة
- جميعها مُحسّنة لمنصتهم
الفوائد :
- لا حاجة إلى مكتبة جافا سكريبت
- التحميل الفوري
- يمكن الوصول إليها بشكل افتراضي
- يمكن التنقل باستخدام لوحة المفاتيح
- مُحسَّن للمس
- حجم ملف صغير
انقر في أي مكان:
يمكن النقر على الحقل بأكمله لفتح التقويم. مساحة التفاعل الكبيرة تُحسّن سهولة الاستخدام.
✅ التحقق الذكي من التاريخ
طبقات التحقق المدمجة:
التحقق من صحة التنسيق:
يضمن المتصفح تنسيق التاريخ الصحيح تلقائيًا. لا يمكن للمستخدمين إدخال تواريخ غير صالحة مثل "2023-13-45".
التحقق من النطاق:
يتم تطبيق الحد الأدنى والحد الأقصى للتواريخ على مستوى أداة الاختيار. التواريخ غير الصالحة معطلة - لا يمكن تحديدها.
التحقق المنطقي:
تُطبق قيود الماضي/المستقبل/نهاية الأسبوع تلقائيًا. يمنع النظام الاختيارات غير الصالحة.
مسح رسائل الخطأ:
إذا تمكن المستخدمون بطريقة ما من تجاوز القيود، فستظهر رسائل واضحة توضح ذلك: "يجب أن يكون التاريخ بعد 2024-01-01" أو "يجب أن يكون التاريخ قبل 2024-12-31".
🔀 المنطق الشرطي
إمكانية رؤية حقل التاريخ الديناميكي:
إظهار أو إخفاء حقول التاريخ بناءً على قيم النموذج الأخرى. عرض حقول التاريخ ذات الصلة فقط عند الحاجة.
قواعد المنطق المتقدمة:
- منطق "و" – يجب استيفاء جميع الشروط
- منطق أو – يمكن لأي شرط أن يؤدي إلى تنفيذ الإجراء
- ثمانية عوامل تشغيلية – يساوي، لا يساوي، أكبر من، أصغر من، يحتوي على، فارغ، وأكثر
استخدم حالات:
- اعرض "التاريخ المفضل" فقط عندما يكون نوع الحجز "موعدًا".
- اعرض "تاريخ الحدث" عندما لا يكون نوع الحدث فارغًا
- اعرض "تاريخ التسليم" عندما تكون طريقة الشحن "مجدولة".
- إخفاء "تاريخ العودة" عندما يكون نوع التذكرة "ذهاب فقط"
🎯 تجربة مستخدم محسّنة
ميزات ذكية مدمجة:
- عرض التاريخ المرئي – يظهر التاريخ المحدد بتنسيق قابل للقراءة
- أيقونة التقويم – مؤشر مرئي لمنتقي التاريخ
- التنقل باستخدام لوحة المفاتيح – مفاتيح الأسهم للتنقل في التقويم
- إمكانية الوصول عبر علامات التبويب - دعم كامل للوحة المفاتيح
- مُحسَّن للمس – مساحات لمس كبيرة على الأجهزة المحمولة
- التصحيح التلقائي – يتم تعديل التواريخ غير الصالحة تلقائيًا إلى أقرب تاريخ صالح
- تمييز اليوم – التاريخ الحالي مُظلل في أداة اختيار التاريخ
- اختيار سريع – انقر على التاريخ، وسيتم إغلاق منتقي التاريخ تلقائيًا
- دعم نص المساعدة – إضافة تلميحات أو تعليمات حول تنسيق التاريخ
- التحقق المطلوب – اجعل اختيار التاريخ إلزاميًا
- فئات CSS المخصصة – تطبيق أنماط مخصصة
- دعم إمكانية الوصول – ملصقات ARIA، متوافقة مع قارئات الشاشة
إعداد بسيط في 3 خطوات
جهّز حقل التاريخ في دقائق
إضافة حقل التاريخ
اسحب حقل التاريخ من قسم الحقول الأساسية وأفلته في النموذج الخاص بك.
اختر التنسيق والنطاق
حدد تنسيق التاريخ (الولايات المتحدة، المملكة المتحدة، ISO)، ويمكنك اختيارياً تحديد حدود التاريخ الدنيا/القصوى، وقم بتمكين حظر التاريخ الماضي/المستقبلي/عطلة نهاية الأسبوع حسب الحاجة.
تحديد التاريخ الافتراضي
اختر ما إذا كان الحقل يبدأ فارغًا، أو يتم ملؤه مسبقًا بتاريخ اليوم، أو غدًا، أو تاريخ مخصص تحدده أنت.
؟؟؟؟ هذا كل شيء! حقل التاريخ الخاص بك جاهز الآن مع التحقق الذكي من الصحة وأدوات الاختيار الأصلية.
تطبيقات العالم الحقيقي
حجز مواعيد البنوك
* مواعيد المواعيد الطبية
* تحديد مواعيد الاستشارات
* اختيار موعد الخدمة
* تنسيق مواعيد الاجتماعات
التسجيل الحدث
* مواعيد حضور الفعاليات
* اختيار تاريخ ورشة العمل
* التسجيل في المؤتمر
* مواعيد التسجيل في الفصول الدراسية
التسليم والشحن
* مواعيد التسليم المفضلة
* اختيار تاريخ الشحن
* تحديد موعد الاستلام
* تخطيط تاريخ الإرسال
تطبيقات الأعمال
* مواعيد تسليم المشروع
* مواعيد تسليم المهام
* تواريخ سريان العقد
* تواريخ بدء/انتهاء الاتفاقية
المعلومات الشخصية
* جمع بيانات تاريخ الميلاد
* تواريخ الذكرى السنوية
* تاريخ بدء العمل
* تواريخ إتمام التعليم
الحجوزات
* مواعيد تسجيل الوصول إلى الفندق
* تواريخ بدء الإيجار
* مواعيد تأكيد الحجز
* اختيار فترة الحجز
خيارات الحقول الكاملة
تكوين الأساسية
- تسمية الحقل – العنوان الذي يظهر أعلى حقل التاريخ
- وصف/نص المساعدة – إرشادات إضافية للمستخدمين
- حقل إلزامي – اجعل اختيار التاريخ إلزاميًا
- عنصر نائب - غير قابل للتطبيق على أدوات اختيار التاريخ الأصلية
تنسيق التاريخ
- كيفية عرض التواريخ:
- السنة أولاً: 2023-12-31 (ISO 8601)
- الشهر أولاً: 31/12/2023 (حسب النمط الأمريكي)
- اليوم الأول: 31/12/2023 (حسب توقيت المملكة المتحدة)
- اليوم أولاً مع الشرطات: 31-12-2023
قيود نطاق التاريخ
- أول تاريخ مسموح به – أقرب تاريخ يمكن للمستخدمين تحديده (اتركه فارغًا لعدم وجود حد أقصى)
- آخر تاريخ مسموح به – آخر تاريخ يمكن للمستخدمين تحديده (اتركه فارغًا لعدم وجود حد أقصى)
خيارات حظر التواريخ
- حظر التواريخ السابقة – يمنع تحديد أي تواريخ قبل اليوم
- حظر التواريخ المستقبلية – يمنع تحديد أي تواريخ بعد اليوم
- لا يوجد خيار للاختيار في عطلة نهاية الأسبوع – يمنع اختيار أيام السبت والأحد
تحديد تاريخ البدء:
- لا يوجد تاريخ محدد مسبقًا (فارغ) - يبدأ الحقل فارغًا
- تاريخ اليوم – التاريخ الحالي مُعبأ مسبقًا
- تاريخ الغد – تم تعبئة اليوم التالي مسبقًا
- تاريخ محدد (تختاره) – تاريخ مخصص مُعبأ مسبقًا
تاريخ افتراضي مخصص – اختر تاريخ البدء (يظهر عند تحديد "تاريخ محدد")
المنطق الشرطي
- تفعيل المنطق الشرطي – إظهار/إخفاء بناءً على الشروط
- نوع المنطق
- يجب استيفاء جميع الشروط (و)
- يمكن استيفاء أي شرط (أو)
- قواعد الحالة
- إظهار/إخفاء – الإجراء المطلوب اتخاذه
- الحقل – أي حقل يتم التحقق منه
- المعاملات: يساوي، لا يساوي، يحتوي على، أكبر من، أصغر من، فارغ، غير فارغ
- القيمة - قيمة المقارنة
- شروط متعددة – أضف عددًا غير محدود من القواعد
خيارات متقدمة
- حقل مخفي – اجعل الحقل غير مرئي ولكن قم بتضمين التاريخ في عمليات الإرسال
- فئات CSS المخصصة – تطبيق أنماط مخصصة
- سمات إمكانية الوصول – تسميات ARIA لقارئات الشاشة
لماذا تختار حقل التاريخ الخاص بنا؟
✅ صيغ متعددة – صيغ الولايات المتحدة، والمملكة المتحدة، وISO، والصيغ المتقطعة
✅ التحكم في نطاق التاريخ – اضبط حدود الحد الأدنى/الأقصى بدقة
✅ حظر التواريخ السابقة – السماح فقط باختيار التواريخ المستقبلية
✅ حظر التواريخ المستقبلية – السماح فقط باختيار التواريخ السابقة
✅ تعطيل عطلات نهاية الأسبوع – خيار متاح فقط خلال أيام الأسبوع للأعمال
✅ إعدادات افتراضية ذكية – تعبئة مسبقة بتاريخ اليوم أو الغد أو تاريخ مخصص
✅ أدوات اختيار أصلية – تقاويم مُحسّنة للمتصفح لكل منصة
✅ التحقق التلقائي – لا يمكن تحديد التواريخ غير الصالحة
✅ متكامل تمامًا – يعمل بسلاسة مع جميع ميزات النموذج
الأسئلة الشائعة
س: ما هي تنسيقات التاريخ المدعومة؟
أربعة تنسيقات: ISO (2023-12-31)، US (12/31/2023)، UK (31/12/2023)، وDashed (31-12-2023). اختر التنسيق الأنسب لجمهورك.
س: كيف أمنع المستخدمين من اختيار تواريخ سابقة؟
قم بتفعيل خيار "حظر التواريخ السابقة". سيصبح أي تاريخ قبل اليوم غير قابل للتحديد في منتقي التاريخ.
س: هل يمكنني تحديد التواريخ ضمن نطاق زمني معين؟
نعم. قم بتعيين "تاريخ السماح الأول" و"تاريخ السماح الأخير" لتقييد الخيارات بفترة زمنية محددة.
س: ما الذي يفعله خيار "تعطيل عطلات نهاية الأسبوع"؟
يؤدي هذا إلى إزالة خياري يومي السبت والأحد. ويبقى متاحاً فقط من الاثنين إلى الجمعة.
س: كيف تعمل التواريخ الافتراضية؟
اختر ما إذا كان الحقل يبدأ فارغًا، أو يعرض تاريخ اليوم، أو تاريخ الغد، أو تاريخًا مخصصًا. يتم تعديل تاريخ اليوم والغد تلقائيًا.
س: هل تبدو أداة اختيار التاريخ متشابهة على جميع الأجهزة؟
لا. إنه يستخدم واجهة المستخدم الأصلية لكل جهاز - محددات عجلة نظام التشغيل iOS، وتقاويم نظام التشغيل Android، ومحددات سطح المكتب، وما إلى ذلك.
س: هل يمكنني حظر التواريخ المستقبلية لحقول تاريخ الميلاد؟
نعم. قم بتشغيل "حظر التواريخ المستقبلية" حتى يتمكن المستخدمون من اختيار التواريخ حتى اليوم فقط.
س: كيف تعمل التواريخ الدنيا/القصوى مع حظر الماضي/المستقبل؟
تتراكم هذه القيود. على سبيل المثال، يؤدي حظر التواريخ السابقة بالإضافة إلى تاريخ أقصى مدته 30 يومًا إلى نطاق زمني يمتد من اليوم وحتى 30 يومًا لاحقة.
س: هل يمكن للمستخدمين كتابة التواريخ بدلاً من استخدام أداة اختيار التاريخ؟
تسمح بعض المتصفحات بالكتابة مع التحقق من صحتها، بينما تفرض متصفحات أخرى استخدام منتقي التاريخ. جميعها تفرض التنسيق الصحيح.
س: ماذا يحدث إذا اختار المستخدم عطلة نهاية الأسبوع عندما تكون عطلات نهاية الأسبوع معطلة؟
يقوم النظام بالتكيف تلقائيًا مع أقرب يوم عمل صالح، وعادةً ما يكون يوم الاثنين التالي.
س: هل يمكنني استخدام المنطق الشرطي مع حقول التاريخ؟
نعم. استخدم المقارنات مثل "يساوي"، "فارغ"، "غير فارغ"، "أكبر من"، أو "أصغر من" للتحكم في رؤية الحقول الأخرى.
س: كيف أحدد موعداً نهائياً؟
أدخل تاريخ انتهاء الصلاحية في خانة "آخر تاريخ مسموح به". لا يمكن للمستخدمين اختيار تواريخ بعد هذا التاريخ. استخدم هذه الخاصية مع "حظر التواريخ السابقة" إذا كنت بحاجة إلى توفر التواريخ المستقبلية فقط.
