میدان زمان
با دقت و سهولت، زمان را جمعآوری کنید. از زمانبندی قرار ملاقات گرفته تا انتخاب شیفت با انتخابگرهای زمان بومی زیبا، فواصل هوشمند و قالببندی انعطافپذیر - فیلد زمان، اعتبارسنجی، سفارشیسازی و یک تجربه کاربری یکپارچه را ارائه میدهد.
جمعآوری هوشمند زمان با اعتبارسنجی داخلی
ایده آل برای:
ویژگیهای قدرتمند برای هر مورد استفاده
🕐 قالبهای زمانی انعطافپذیر
نمایش ۲۴ ساعته یا ۱۲ ساعته
قالبی را انتخاب کنید که با مخاطب شما مطابقت داشته باشد. برای کاربران بینالمللی از زمان نظامی ۲۴ ساعته (۱۴:۳۰) یا برای آشنایی بیشتر از ۱۲ ساعته با صبح/بعد از ظهر (۲:۳۰ بعد از ظهر) استفاده کنید.
تبدیل خودکار فرمت
این فیلد به طور خودکار تبدیل فرمت را انجام میدهد - کاربران فرمت مورد نظر خود را میبینند در حالی که سیستم شما دادههای ثابتی را دریافت میکند.
مثال:
- ساعتهای کاری: ۹:۰۰ صبح تا ۵:۰۰ بعد از ظهر (۱۲ ساعت)
- برنامهریزی بینالمللی: ۰۹:۰۰ – ۱۷:۰۰ (۲۴ ساعته)
- قرار ملاقاتهای پزشکی: ۱۴:۳۰ (دقت ۲۴ ساعته)
⏰ فواصل زمانی هوشمند
دقت انتخاب کنترل
تنظیم کنید که انتخاب زمان جزئی چگونه باشد. بر اساس نیاز خود، از فواصل هر دقیقه تا هر ساعت یکی را انتخاب کنید.
فواصل زمانی موجود:
- هر دقیقه (۱۲:۰۰، ۱۲:۰۱، ۱۲:۰۲…) – حداکثر دقت
- هر ۵ دقیقه (۱۲:۰۰، ۱۲:۰۵، ۱۲:۱۰…) – قرارهای استاندارد
- هر 10 دقیقه (12:00، 12:10، 12:20…) – رزرو سریع
- هر ۱۵ دقیقه (۱۲:۰۰، ۱۲:۱۵، ۱۲:۳۰…) – رایجترین
- هر ۳۰ دقیقه (۱۲:۰۰، ۱۲:۳۰، ۱:۰۰…) – بازههای زمانی نیم ساعته
- هر ساعت (۱۲:۰۰، ۱:۰۰، ۲:۰۰…) – انتخاب ساده
دلیل اهمیت آن:
گزینههای کمتر = انتخاب سریعتر. برای تجربه کاربری بهتر، فواصل زمانی را با نیازهای برنامهریزی خود مطابقت دهید.
🎯 محدودیتهای محدوده زمانی
تنظیم زودترین و دیرترین زمانها
زمانهای موجود را برای مطابقت با ساعات کاری، برنامههای رویداد یا بازههای عملیاتی محدود کنید. کاربران نمیتوانند زمانهایی خارج از محدوده تعریفشده شما را انتخاب کنند.
اعتبارسنجی هوشمند
اعتبارسنجی در سطح مرورگر، قبل از کلیک کاربران روی ارسال، از ارسالهای نامعتبر جلوگیری میکند.
استفاده از موارد:
- ساعات کاری: فقط ۹:۰۰ صبح تا ۶:۰۰ بعد از ظهر
- رویدادهای عصر: فقط بعد از ساعت 5 بعد از ظهر
- نوبتهای صبح: فقط قبل از ساعت ۱۲ ظهر
- شیفت شب: ۲۲:۰۰ تا ۶:۰۰ صبح
مثال:
- رزرو رستوران: حداقل ۱۱:۰۰ صبح، حداکثر ۲۲:۰۰
- کلاسهای ورزشی: حداقل ۶:۰۰ صبح، حداکثر ۹:۰۰ شب
- ساعات پشتیبانی: حداقل ۸:۰۰ صبح، حداکثر ۵:۰۰ بعد از ظهر
🔧 گزینههای زمان پیشفرض
سه مقدار شروع هوشمند:
۱. خالی (بدون پیشفرض)
کاربران با یک فیلد خالی شروع میکنند - بهترین حالت زمانی است که زمان همیشه منحصر به فرد باشد.
2. زمان فعلی
هنگام بارگذاری فرم، به طور خودکار با زمان فعلی پر میشود - برای فیلدهای «زمان حادثه» یا مهر زمانی عالی است.
۳. زمان سفارشی
برای زمانهای پیشنهادی قرار ملاقات یا انتخابهای رایج، از قبل یک زمان خاص مانند «۹:۰۰ صبح» را انتخاب کنید.
زمان استفاده از هر کدام:
- خالی - زمان شروع رویداد، برنامههای شخصی
- جاری - گزارش مهرهای زمانی، زمانهای ورود
- سفارشی - زمانهای پیشنهادی برای جلسات، ساعات پیشفرض
⚡ دقت ثانیه (اختیاری)
در صورت نیاز ثانیه اضافه کنید
برای ردیابی دقیق زمان، فیلد ثانیه (ساعت:دقیقه:ثانیه) را فعال کنید. این گزینه برای آزمایشهای زمان، کرونومترها و زمانسنجهای دقیق ایدهآل است.
نمونههای قالببندی:
- بدون ثانیهشمار: ۱۴:۳۰ یا ۲:۳۰ بعد از ظهر
- با ثانیهشمار: ۱۴:۳۰:۴۵ یا ۲:۳۰:۴۵ بعد از ظهر
ایده آل برای:
- زمانبندی ورزشی و نتایج مسابقه
- آزمایشهای علمی
- سیستمهای ثبت دقیق
- ارسالهای تایم تریل
🔀 منطق شرطی
فیلدهای زمانی پویا
نمایش یا پنهان کردن فیلد زمان بر اساس مقادیر دیگر فرم. ایجاد فرمهای هوشمند که با ورودی کاربر سازگار میشوند.
قوانین منطق پیشرفته:
- منطق AND - همه شرایط باید رعایت شوند
- منطق OR - هر شرطی میتواند باعث انجام عمل شود
- ۸ عملگر - مساوی، نامساوی، بزرگتر از، کوچکتر از، شامل، خالی و موارد دیگر
استفاده از موارد:
- نمایش «زمان تماس ترجیحی» فقط زمانی که «تماس از طریق تلفن» انتخاب شده باشد
- نمایش «زمان شروع رویداد» وقتی نوع رویداد برابر با «رویداد سفارشی» باشد
- مخفی کردن «زمان تحویل» وقتی روش تحویل «ارسال استاندارد» است
- وقتی نوع جلسه «حضوری» باشد، «زمان جلسه» را نمایش بده
🎨 تجربه کاربری بهبود یافته
فعالسازی کلیک-هرجا
برای باز کردن انتخابگر زمان محلی، روی هر قسمتی از فیلد کلیک کنید - ناحیه هدف بزرگتر، قابلیت استفاده بهتر.
انتخابکنندگان زمان بومی
از انتخابگر زمان داخلی مرورگر با رابطهای کاربری آشنا و بهینهشده برای پلتفرم (چرخش iOS، ساعت اندروید، منوی کشویی دسکتاپ) استفاده میکند.
موبایل بهینه شده
انتخاب زمان لمسی با صفحه کلیدها و انتخابگرهای بومی موبایل.
ویژگی های دیگر:
- کلاسهای CSS سفارشی برای استایلدهی
- حالت فیلد پنهان برای زمان سیستم
- پشتیبانی از قابلیت دسترسی (برچسبهای ARIA)
- دکمه پاک کردن برای تنظیم مجدد آسان
- اعتبارسنجی فیلدهای مورد نیاز
- پشتیبانی از متن جایگزین
راهاندازی ساده در ۳ مرحله
فیلد زمان خود را در عرض چند دقیقه آماده کنید
فیلد زمان را اضافه کنید
فیلد زمان را از بخش فیلدهای پایه (Basic Fields) بکشید و در فرم خود رها کنید.
پیکربندی قالب و فواصل زمانی
قالب ۱۲ ساعته یا ۲۴ ساعته را انتخاب کنید، فواصل زمانی (هر ۱۵ دقیقه، ۳۰ دقیقه و غیره) را تنظیم کنید و به صورت اختیاری محدودیتهای زمانی حداقل/حداکثر را اضافه کنید.
تنظیم زمان پیشفرض
انتخاب کنید که فیلد خالی، با زمان فعلی یا زمان دلخواهی که شما تعیین میکنید شروع شود. اگر به زمانبندی دقیق نیاز دارید، ثانیه را فعال کنید.
🎉 تمام! فیلد زمان شما با قالببندی و اعتبارسنجی هوشمند آماده است.
برنامه های کاربردی در دنیای واقعی
خدمات و رزرو
* زمان سرویس خودرو
* برنامههای بازدید از ملک
* زمان رزرو تور
* اسلاتهای رزرو تسهیلات
رزرو کلاس و فعالیت
*زمان کلاسهای آمادگی جسمانی
* زمانبندی جلسات آموزشی
* بازههای زمانی فعالیت گروهی
* تنظیمات زمان درس
عملیات تجاری
* زمان شروع/پایان شیفت
* ارائه برنامه کاری
* هماهنگی زمان جلسات
* انتخاب زمان دسترسی
رزرو وقت معاینه
* تعیین وقت ملاقات پزشکی
* رزرو سالن و اسپا
* انتخاب زمان مشاوره
* درخواستهای تعیین وقت خدمات
ثبت رویداد
* زمان شروع/پایان رویداد
* تنظیمات زمان جلسه
* بازههای زمانی کارگاه
* انتخاب برنامه کنفرانس
تحویل و دریافت
* بازههای زمانی تحویل غذا
* زمان تحویل گرفتن از فروشگاه
* برنامه ریزی برای تحویل کنار خیابان
* تنظیمات برگزیدهی زمان تحویل
گزینههای کامل فیلد
پیکربندی پایه
- برچسب فیلد - عنوانی که در بالای فیلد زمان نشان داده میشود
- توضیحات/متن راهنما - راهنماییهای بیشتر برای کاربران
- فیلد الزامی - انتخاب زمان را اجباری کنید
- متن جایگزین - قبل از اینکه کاربران زمان را انتخاب کنند، متنی را به عنوان راهنما قرار دهید
تنظیمات قالب زمان
- قالب نمایش
- ساعت ۲۴ ساعته (۱۴:۳۰)
- ساعت ۱۲ ساعته با صبح/بعد از ظهر (۲:۳۰ بعد از ظهر)
دقت و فواصل
- فواصل زمانی
- هر دقیقه
- هر 5 دقیقه
- هر 10 دقیقه
- هر ۱۵ دقیقه (محبوبترین)
- هر 30 دقیقه
- هر ساعت
نمایش ثانیهها - فیلد ثانیه را برای زمان دقیق اضافه کنید (ساعت:دقیقه:دقیقه)
محدودیت های زمانی
- زودترین زمان مجاز (حداقل) - کاربران نمیتوانند زمانهای قبل از این را انتخاب کنند
- آخرین زمان مجاز (حداکثر) - کاربران نمیتوانند زمانهای بعد از این را انتخاب کنند
مقادیر پیش فرض
- انتخاب زمان شروع
- بدون زمان از پیش انتخاب شده (خالی)
- زمان فعلی (پویا - هنگام باز شدن فرم بارگیری میشود)
- زمان سفارشی (زمان خاصی که شما تعیین میکنید)
زمان شروع سفارشی - زمان خاص برای پیشپر کردن را انتخاب کنید (وقتی «سفارشی» انتخاب شده باشد)
منطق شرطی
- فعال کردن منطق شرطی - نمایش/پنهان کردن بر اساس شرایط
- نوع منطقی
- همه شرایط باید رعایت شود (و)
- هر شرطی قابل تحقق است (یا)
- قوانین مربوط به شرایط
- نمایش/پنهان کردن - اقدامی که باید انجام شود
- فیلد - کدام فیلد را بررسی کنیم
- عملگر - مساوی، غیر مساوی، شامل، بزرگتر از، کوچکتر از، خالی، غیر خالی
- مقدار - مقدار مقایسهای
- شرایط چندگانه - اضافه کردن قوانین نامحدود
گزینه های پیشرفته
- حالت فیلد پنهان - استفاده به عنوان فیلد پنهان با مقدار از پیش تعیین شده
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- ویژگیهای دسترسی - برچسبها و توضیحات ARIA
چرا میدان زمان ما را انتخاب کنیم؟
✅ شهودی - انتخابگرهای مرورگر بومی، تجربیات آشنایی را ارائه میدهند
✅ انعطافپذیر - قالبهای ۱۲ ساعته یا ۲۴ ساعته با ترجیحات کاربر مطابقت دارند
✅ دقیق - فواصل زمانی سفارشی از هر دقیقه تا هر ساعت
✅ هوشمند - محدودیتهای حداقل/حداکثر از انتخابهای زمانی نامعتبر جلوگیری میکنند
✅ پویا - منطق شرطی فرمهای تطبیقی ایجاد میکند
✅ کاربرپسند - فعالسازی با کلیک در هر نقطه برای تجربه کاربری بهتر
✅ بهینه شده برای موبایل - انتخابگرهای زمان بومی سازگار با لمس
✅ کاملاً یکپارچه - با تمام ویژگیهای فرم به طور یکپارچه کار میکند
پرسش و پاسخهای متداول
س: تفاوت بین فرمت ۱۲ ساعته و ۲۴ ساعته چیست؟
قالب ۱۲ ساعته زمان را با AM/PM نشان میدهد، مانند ۲:۳۰ بعد از ظهر. قالب ۲۴ ساعته از زمانهایی مانند ۱۴:۳۰ استفاده میکند و در سطح بینالمللی رایج است.
س: فواصل زمانی چگونه کار میکنند؟
فواصل زمانی، میزان جزئیات انتخابهای زمانی را تعیین میکنند. برای مثال، یک فاصله ۱۵ دقیقهای، ساعت ۹:۰۰، ۹:۱۵، ۹:۳۰ و غیره را نشان میدهد.
س: آیا میتوانم زمانها را فقط به ساعات کاری محدود کنم؟
بله. زودترین و دیرترین زمانها را تنظیم کنید، مثلاً ۹:۰۰ صبح تا ۵:۰۰ بعد از ظهر، و کاربران فقط میتوانند در آن محدوده انتخاب کنند.
س: منظور از پیشفرض «زمان فعلی» چیست؟
وقتی فعال باشد، فیلد به طور خودکار با زمان فعلی کاربر هنگام بارگذاری فرم پر میشود.
س: آیا به فیلد ثانیه نیاز دارم؟
معمولاً خیر. فقط زمانی که به زمانبندی دقیق نیاز دارید، مانند ورودیهای HH:MM:SS برای رویدادها یا دادههای فنی، آن را فعال کنید.
س: انتخابگر زمان در موبایل چگونه کار میکند؟
هر دستگاه از رابط کاربری بومی خود استفاده میکند. iOS معمولاً از یک انتخابگر چرخان استفاده میکند، در حالی که اندروید از یک انتخابگر به سبک ساعت بهره میبرد.
س: آیا میتوانم از منطق شرطی با فیلدهای زمان استفاده کنم؟
بله. شما میتوانید فیلدها را بر اساس زمانهای انتخاب شده با استفاده از شرایطی مانند «مساوی»، «بزرگتر از» یا «کوچکتر از» نمایش یا پنهان کنید.
س: اگر کاربران سعی کنند زمانهای نامعتبر را انتخاب کنند، چه اتفاقی میافتد؟
زمانهای خارج از محدوده مجاز توسط اعتبارسنجی مرورگر مسدود شده و قابل انتخاب نیستند.
س: آیا میتوانم زمان مشخصی را از قبل پر کنم؟
بله. برای زمان پیشفرض، «سفارشی» را انتخاب کنید و هر مقداری را که میخواهید از قبل بارگذاری شود، انتخاب کنید.
س: آیا فیلد زمان در همه مرورگرها کار میکند؟
همه مرورگرهای مدرن از ورودیهای زمان HTML5 با انتخابگرهای داخلی پشتیبانی میکنند. مرورگرهای قدیمیتر با اعتبارسنجی به ورودی متنی برمیگردند.
س: آیا میتوانم فیلد زمان را طوری تنظیم کنم که با سایت من مطابقت داشته باشد؟
بله. انتخابگر از رابط کاربری بومی استفاده میکند، اما فیلد ورودی را میتوان با کلاسهای CSS استایلبندی کرد.
س: زمان ارسالی از چه فرمتی استفاده میکند؟
مقادیر زمانی همیشه در قالب ۲۴ ساعته ارائه میشوند و دادههای ثابتی را برای پردازش تضمین میکنند.
