حقل الوقت
اجمع الوقت بدقة وسهولة. بدءًا من جدولة المواعيد وحتى اختيار الورديات باستخدام أدوات اختيار الوقت الأصلية الأنيقة، والفترات الزمنية الذكية، والتنسيق المرن - يوفر حقل الوقت التحقق من الصحة والتخصيص وتجربة مستخدم سلسة.
جمع الوقت الذكي مع التحقق المدمج
مثالية لـ: روتين العناية بالبشرة، تطبيق المكياج، أيام السبا، أو الاستخدام اليومي
ميزات قوية لكل حالة استخدام
🕐 صيغ زمنية مرنة
عرض لمدة 24 ساعة أو 12 ساعة
اختر التنسيق الذي يناسب جمهورك. استخدم نظام التوقيت العسكري (24 ساعة) (14:30) للمستخدمين الدوليين، أو نظام التوقيت الاثني عشر ساعة مع نظام الدقائق والدقائق (2:30 مساءً) لسهولة الاستخدام.
تحويل التنسيق التلقائي
يقوم الحقل بمعالجة تحويل التنسيق تلقائيًا - يرى المستخدمون التنسيق المفضل لديهم بينما يتلقى نظامك بيانات متسقة.
أمثلة:
- ساعات العملمن الساعة 9:00 صباحًا إلى الساعة 5:00 مساءً (12 ساعة)
- الجدولة الدولية: 09:00 – 17:00 (24 ساعة)
- المواعيد الطبية14:30 (بدقة 24 ساعة)
⏰ فترات زمنية ذكية
دقة اختيار التحكم
حدد مدى دقة اختيار الوقت. اختر من بين فترات زمنية تتراوح من دقيقة إلى ساعة بناءً على احتياجاتك.
الفترات الزمنية المتاحة:
- كل دقيقة (12:00، 12:01، 12:02...) – أقصى دقة
- كل 5 دقائق (12:00، 12:05، 12:10...) – مواعيد عادية
- كل 10 دقائق (12:00، 12:10، 12:20...) – حجوزات سريعة
- كل 15 دقيقة (12:00، 12:15، 12:30...) – الأكثر شيوعًا
- كل 30 دقيقة (12:00، 12:30، 1:00...) – فترات زمنية مدتها نصف ساعة
- كل ساعة (12:00، 1:00، 2:00...) – اختيار بسيط
لماذا يهم:
خيارات أقل = اختيار أسرع. قم بمطابقة الفترات الزمنية مع احتياجاتك في الجدولة لتحسين تجربة المستخدم.
🎯 قيود النطاق الزمني
ضبط الأوقات المبكرة والأحدث
حدد الأوقات المتاحة لتتوافق مع ساعات العمل، أو جداول الفعاليات، أو فترات التشغيل. لا يمكن للمستخدمين اختيار أوقات خارج النطاق المحدد.
التحقق الذكي
يمنع التحقق على مستوى المتصفح عمليات الإرسال غير الصالحة قبل أن ينقر المستخدمون على زر الإرسال.
استخدم حالات:
- ساعات العمل: من 9:00 صباحًا إلى 6:00 مساءً فقط
- الفعاليات المسائية: بعد الساعة 5:00 مساءً فقط
- مواعيد الصباح: قبل الساعة 12:00 ظهراً فقط
- المناوبة الليلية: من الساعة 10:00 مساءً إلى الساعة 6:00 صباحاً
أمثلة:
- الحجوزات في المطعم: الحد الأدنى 11:00 صباحًا، الحد الأقصى 10:00 مساءً
- حصص التربية البدنية: تبدأ من الساعة 6:00 صباحاً وحتى الساعة 9:00 مساءً
- ساعات الدعم: من 8:00 صباحًا كحد أدنى، ومن 5:00 مساءً كحد أقصى
🔧 خيارات الوقت الافتراضية
ثلاث قيم بداية ذكية:
1. فارغ (لا يوجد خيار افتراضي)
يبدأ المستخدمون بحقل فارغ – وهذا أفضل عندما يكون الوقت فريدًا دائمًا.
2. الوقت الحالي
يتم ملء الحقول تلقائيًا بالوقت الحالي عند تحميل النموذج - وهو مثالي لحقول "وقت وقوع الحادث" أو حقول الطابع الزمني.
3. التوقيت المخصص
حدد مسبقًا وقتًا معينًا مثل "9:00 صباحًا" للحصول على مواعيد مقترحة أو خيارات شائعة.
متى تستخدم كل منهما:
- فراغ - أوقات بدء الفعاليات، الجداول الشخصية
- الحالي – طوابع زمنية للتقارير، أوقات تسجيل الوصول
- مخصص - أوقات الاجتماعات المقترحة، الساعات الافتراضية
⚡ دقة الثواني (اختياري)
أضف ثوانٍ عند الحاجة
فعّل حقل الثواني (HH:MM:SS) لتتبع الوقت بدقة. مثالي لتجارب الوقت، وساعات الإيقاف، والطوابع الزمنية الدقيقة.
أمثلة على التنسيق:
- بدون ثوانٍ: 14:30 أو 2:30 مساءً
- بالثواني: 14:30:45 أو 2:30:45 مساءً
مثالي لاجل:
- توقيت الرياضة ونتائج السباقات
- التجارب العلمية
- أنظمة تسجيل دقيقة
- تقديمات التجارب الزمنية
🔀 المنطق الشرطي
حقول زمنية ديناميكية
إظهار أو إخفاء حقل الوقت بناءً على قيم النموذج الأخرى. أنشئ نماذج ذكية تتكيف مع مدخلات المستخدم.
قواعد المنطق المتقدمة:
- منطق "و" – يجب استيفاء جميع الشروط
- منطق أو – يمكن لأي شرط أن يؤدي إلى تنفيذ الإجراء
- ثمانية عوامل تشغيلية – يساوي، لا يساوي، أكبر من، أصغر من، يحتوي على، فارغ، وأكثر
استخدم حالات:
- لا يظهر خيار "وقت الاتصال المفضل" إلا عند تحديد خيار "الاتصال عبر الهاتف".
- اعرض "وقت بدء الحدث" عندما يكون نوع الحدث "حدث مخصص".
- إخفاء "وقت التسليم" عند اختيار "الشحن القياسي" كطريقة للتسليم.
- اعرض "وقت الاجتماع" عندما يكون نوع الاجتماع "حضوريًا".
🎨 تجربة مستخدم محسّنة
تفعيل بنقرة واحدة في أي مكان
انقر في أي مكان على الحقل لفتح منتقي الوقت الأصلي - مساحة استهداف أكبر، سهولة استخدام أفضل.
منتقي الوقت الأصلي
يستخدم أداة تحديد الوقت المدمجة في المتصفح مع واجهات مألوفة ومحسّنة للمنصة (عجلة نظام iOS، ساعة نظام Android، قائمة منسدلة لسطح المكتب).
الأمثل المحمول
اختيار الوقت بسهولة باستخدام اللمس مع لوحات مفاتيح وأجهزة اختيار الوقت الأصلية للهواتف المحمولة.
ميزات إضافية:
- فئات CSS مخصصة للتصميم
- وضع الحقل المخفي لأوقات النظام
- دعم إمكانية الوصول (علامات ARIA)
- زر مسح لإعادة الضبط بسهولة
- التحقق من صحة الحقول المطلوبة
- دعم نص العنصر النائب
إعداد بسيط في 3 خطوات
جهّز حقل الوقت الخاص بك في دقائق
أضف حقل الوقت
اسحب وأفلت حقل الوقت من قسم الحقول الأساسية إلى النموذج الخاص بك.
ضبط التنسيق والفترات الزمنية
اختر تنسيق 12 ساعة أو 24 ساعة، وحدد الفترات الزمنية (كل 15 دقيقة، 30 دقيقة، إلخ)، ويمكنك إضافة قيود زمنية دنيا/قصوى اختيارياً.
ضبط الوقت الافتراضي
اختر ما إذا كان الحقل يبدأ فارغًا، أو بالوقت الحالي، أو بوقت مخصص تحدده. فعّل الثواني إذا كنت بحاجة إلى توقيت دقيق.
؟؟؟؟ هذا كل شيء! حقل الوقت الخاص بك جاهز الآن مع التنسيق الذكي والتحقق من الصحة.
تطبيقات العالم الحقيقي
الخدمات والحجوزات
* أوقات خدمة المركبات
* مواعيد معاينة العقار
* مواعيد حجز الجولات
* مواعيد حجز المرافق
حجز الفصول والأنشطة
* مواعيد حصص اللياقة البدنية
* جدولة جلسات التدريب
* فترات زمنية للأنشطة الجماعية
* تفضيلات وقت الدرس
عمليات الأعمال
* أوقات بدء وانتهاء الورديات
* تقديم جداول العمل
* تنسيق مواعيد الاجتماعات
* اختيار وقت التوافر
حجز مواعيد البنوك
* تحديد مواعيد المواعيد الطبية
* حجوزات الصالون والمنتجع الصحي
* اختيار وقت الاستشارة
* طلبات تحديد مواعيد الخدمة
التسجيل الحدث
* أوقات بدء/انتهاء الفعالية
* تفضيلات وقت الجلسة
* مواعيد ورش العمل
* اختيار جدول المؤتمر
التسليم والاستلام
* أوقات توصيل الطعام
* أوقات استلام الطلبات من المتجر
* جدولة الاستلام من الرصيف
* تفضيلات مواعيد التسليم
خيارات الحقول الكاملة
تكوين الأساسية
- تسمية الحقل – العنوان الذي يظهر أعلى حقل الوقت
- وصف/نص المساعدة – إرشادات إضافية للمستخدمين
- حقل مطلوب – اجعل اختيار الوقت إلزاميًا
- نص توضيحي – نص تلميحي يظهر قبل أن يختار المستخدمون الوقت
إعدادات تنسيق الوقت
- عرض تنسيق
- نظام التوقيت ذو الـ 24 ساعة (14:30)
- ساعة بنظام 12 ساعة مع نظام 12 ساعة صباحًا/مساءً (2:30 مساءً)
الدقة والفترات
- فترات زمنية
- كل دقيقة
- كل دقيقة 5
- كل دقيقة 10
- كل 15 دقيقة (الأكثر شيوعاً)
- كل دقيقة 30
- كل ساعة
عرض الثواني – أضف حقل الثواني للحصول على وقت دقيق (HH:MM:SS)
قيود الوقت
- أقرب وقت مسموح به (بالدقائق) - لا يمكن للمستخدمين اختيار أوقات قبل هذا الوقت
- آخر وقت مسموح به (الحد الأقصى) - لا يمكن للمستخدمين تحديد أوقات بعد هذا الوقت
قيم افتراضية
- اختيار وقت البدء
- لا يوجد وقت محدد مسبقاً (فارغ)
- الوقت الحالي (ديناميكي - يتم تحميله عند فتح النموذج)
- وقت مخصص (وقت محدد تقوم بتحديده)
وقت بدء مخصص – اختر الوقت المحدد لتعبئته مسبقًا (عند تحديد "مخصص")
المنطق الشرطي
- تفعيل المنطق الشرطي – إظهار/إخفاء بناءً على الشروط
- نوع المنطق
- يجب استيفاء جميع الشروط (و)
- يمكن استيفاء أي شرط (أو)
- قواعد الحالة
- إظهار/إخفاء – الإجراء المطلوب اتخاذه
- الحقل – أي حقل يتم التحقق منه
- المعاملات: يساوي، لا يساوي، يحتوي على، أكبر من، أصغر من، فارغ، غير فارغ
- القيمة - قيمة المقارنة
- شروط متعددة – أضف عددًا غير محدود من القواعد
خيارات متقدمة
- وضع الحقل المخفي – استخدمه كحقل مخفي بقيمة محددة مسبقًا
- فئات CSS المخصصة – تطبيق أنماط مخصصة
- سمات إمكانية الوصول – تسميات وأوصاف ARIA
لماذا تختارون حقل الوقت الخاص بنا؟
✅ سهل الاستخدام – توفر أدوات اختيار المتصفح الأصلية تجارب مألوفة
✅ مرونة – تنسيقات 12 ساعة أو 24 ساعة تناسب تفضيلات المستخدم
✅ دقيق – فترات زمنية مخصصة من كل دقيقة إلى كل ساعة
✅ ذكي – تمنع قيود الحد الأدنى/الأقصى اختيارات الوقت غير الصالحة
✅ ديناميكي – المنطق الشرطي يُنشئ أشكالًا تكيفية
✅ سهل الاستخدام – تفعيل بنقرة واحدة في أي مكان لتجربة مستخدم أفضل
✅ مُحسَّن للأجهزة المحمولة – منتقيات وقت أصلية سهلة الاستخدام باللمس
✅ متكامل تمامًا – يعمل بسلاسة مع جميع ميزات النموذج
الأسئلة الشائعة
س: ما الفرق بين نظام الـ 12 ساعة ونظام الـ 24 ساعة؟
يعرض نظام الـ 12 ساعة الأوقات بنظام صباحاً/مساءً، مثل 2:30 مساءً. أما نظام الـ 24 ساعة فيستخدم أوقاتاً مثل 14:30 وهو شائع دولياً.
س: كيف تعمل الفترات الزمنية؟
تحدد الفترات الزمنية مدى تفصيل خيارات الوقت. على سبيل المثال، تُظهر فترة 15 دقيقة الأوقات التالية: 9:00، 9:15، 9:30، وهكذا.
س: هل يمكنني حصر الأوقات بساعات العمل فقط؟
نعم. حدد أوقات البدء والانتهاء، مثل من الساعة 9:00 صباحًا إلى الساعة 5:00 مساءً، ويمكن للمستخدمين الاختيار فقط ضمن هذا النطاق.
س: ماذا يعني الإعداد الافتراضي "الوقت الحالي"؟
عند تفعيل هذه الخاصية، يتم ملء الحقل تلقائيًا بالوقت الحالي للمستخدم عند تحميل النموذج.
س: هل أحتاج إلى خانة الثواني؟
عادةً لا. قم بتمكينه فقط عندما تحتاج إلى توقيت دقيق، مثل إدخالات HH:MM:SS للأحداث أو البيانات الفنية.
س: كيف يعمل منتقي الوقت على الهاتف المحمول؟
يستخدم كل جهاز واجهة المستخدم الأصلية الخاصة به. يستخدم نظام iOS عادةً محددًا على شكل عجلة، بينما يستخدم نظام Android محددًا على شكل ساعة.
س: هل يمكنني استخدام المنطق الشرطي مع حقول الوقت؟
نعم. يمكنك إظهار أو إخفاء الحقول بناءً على الأوقات المحددة باستخدام شروط مثل "يساوي" أو "أكبر من" أو "أصغر من".
س: ماذا يحدث إذا حاول المستخدمون تحديد أوقات غير صالحة؟
يتم حظر الأوقات التي تقع خارج النطاق المسموح به بواسطة التحقق من صحة المتصفح ولا يمكن تحديدها.
س: هل يمكنني ملء الحقل مسبقًا بوقت محدد؟
نعم. اختر "مخصص" للوقت الافتراضي وحدد أي قيمة تريد تحميلها مسبقًا.
س: هل يعمل حقل الوقت في جميع المتصفحات؟
تدعم جميع المتصفحات الحديثة حقول إدخال الوقت بتقنية HTML5 مع أدوات اختيار مدمجة. أما المتصفحات القديمة فتعتمد على إدخال النصوص مع التحقق من صحتها.
س: هل يمكنني تصميم حقل الوقت ليتناسب مع موقعي؟
نعم. يستخدم منتقي العناصر واجهة المستخدم الأصلية، ولكن يمكن تنسيق حقل الإدخال باستخدام فئات CSS.
س: ما هو تنسيق الوقت المُرسل؟
يتم إرسال قيم الوقت دائمًا بتنسيق 24 ساعة، مما يضمن بيانات متسقة للمعالجة.
