فیلد تاریخ
تاریخها را با دقت و کنترل جمعآوری کنید. از رزرو قرار ملاقات گرفته تا تاریخ تولد با قالببندی انعطافپذیر، محدودیتهای محدوده تاریخ و اعتبارسنجی هوشمند - فیلد تاریخ، انتخابگرهای تقویم بومی را با کنترلهای قدرتمند برای تاریخهای گذشته، تاریخهای آینده، آخر هفتهها و محدودههای سفارشی فراهم میکند.
جمعآوری حرفهای تاریخ با اعتبارسنجی هوشمند
ایده آل برای:
ویژگیهای قدرتمند برای هر مورد استفاده
📅 چهار قالب تاریخ
تنظیمات منطقهای را انتخاب کنید:
سال اول: 2023-12-31 (ISO 8601)
قالب استاندارد بینالمللی. بهترین گزینه برای پایگاههای داده، مرتبسازی و کاربردهای فنی.
ماه اول: 2023/12/31 (به سبک آمریکایی)
قالب آمریکایی. کاربران آمریکایی بیشتر با ترتیب ماه-روز-سال آشنا هستند.
روز اول: 2023/12/31 (به سبک بریتانیایی)
قالب بریتانیایی/اروپایی با ترتیب روز-ماه-سال. رایج در سطح بینالمللی.
روز اول با خط تیره: 2023-12-31
قالب جایگزین اروپایی که به جای اسلش از خط تیره استفاده میکند.
چرا فرمت اهمیت دارد:
انتظارات کاربران را بر اساس منطقه مطابقت میدهد
از سردرگمی و خطا جلوگیری میکند
تضمین ذخیرهسازی پایدار دادهها
نرخ تکمیل فرم را بهبود میبخشد
سفارشی سازی نمایش:
قالب بر نحوه نمایش تاریخها برای کاربران تأثیر میگذارد، در حالی که قالب ذخیرهسازی استاندارد داخلی را حفظ میکند.
📏 محدودیتهای محدوده تاریخ
کنترل تاریخهای قابل انتخاب:
اولین تاریخ مجاز (حداقل):
زودترین تاریخی که کاربران میتوانند انتخاب کنند را تنظیم کنید. تاریخهای قبل از این در انتخابگر تقویم غیرفعال هستند.
مثال:
- ثبت رویداد: حداقل تاریخ = تاریخ اعلام رویداد
- قرار ملاقاتها: حداقل تاریخ = امروز (رزرو قبلی انجام نشده است)
- دادههای تاریخی: حداقل تاریخ = تاریخ تأسیس شرکت
- مهلتهای پروژه: حداقل تاریخ = تاریخ شروع پروژه
آخرین تاریخ مجاز (حداکثر):
آخرین تاریخی که کاربران میتوانند انتخاب کنند را تنظیم کنید. تاریخهای بعد از این در انتخابگر تقویم غیرفعال هستند.
مثال:
- ثبت نام زودهنگام: حداکثر تاریخ = مهلت
- موجودی محدود: حداکثر تاریخ = آخرین تاریخ موجود
- سوابق تاریخی: حداکثر تاریخ = امروز
- بازه زمانی خاص: حداکثر تاریخ = پایان تبلیغ
دکمههای تنظیم سریع:
با یک کلیک، حداقل/حداکثر تاریخها را روی امروز تنظیم کنید، یا محدودیتها را فوراً حذف کنید.
⏮️ مسدود کردن تاریخهای گذشته
جلوگیری از انتخاب تاریخهای قبلی:
برای غیرفعال کردن تمام تاریخهای قبل از امروز، گزینه «مسدود کردن تاریخهای گذشته» را فعال کنید. کاربران فقط میتوانند تاریخهای امروز یا آینده را انتخاب کنند.
ایده آل برای:
- رزرو نوبت (بدون نوبت قبلی)
- ثبت نام رویداد (فقط رویدادهای آینده)
- انتخاب تاریخ تحویل (تحویلهای آینده)
- سیستمهای رزرواسیون (رزروهای رو به جلو)
- مهلتها (باید در آینده باشد)
رفتار هوشمندانه:
به صورت خودکار روزانه بهروزرسانی میشود - تاریخ امروز همیشه معتبر است، تاریخ دیروز غیرفعال میشود. نیازی به مدیریت دستی تاریخ نیست.
با سایر محدودیتها ترکیب میشود:
با حداکثر تاریخ برای ایجاد پنجرههای زمانی آینده (مثلاً رزرو از امروز تا 30 روز آینده) استفاده کنید.
⏭️ مسدود کردن تاریخهای آینده
جلوگیری از انتخاب تاریخهای آینده:
برای غیرفعال کردن همه تاریخهای بعد از امروز، گزینه «مسدود کردن تاریخهای آینده» را فعال کنید. کاربران فقط میتوانند امروز یا تاریخهای گذشته را انتخاب کنند.
ایده آل برای:
- مجموعه تاریخ تولد (نمیتواند مربوط به آینده باشد)
- تاریخ رویدادهای تاریخی (فقط گذشته)
- تاریخ شروع تجربه (از چه زمانی شروع کردید؟)
- تاریخهای تکمیل (قبلاً اتفاق افتاده است)
- تاریخهای سالگرد (رویدادهای گذشته)
کاربرد در دنیای واقعی:
ورود منطقی تاریخ را تضمین میکند - تاریخ تولد، تاریخ استخدام، تاریخ فارغالتحصیلی باید در گذشته باشد.
اعتبارسنجی داخلی:
مرورگر به طور خودکار از انتخابهای نامعتبر جلوگیری میکند. نیازی به پیامهای خطای گیجکننده نیست.
📆 آخر هفتهها را غیرفعال کنید
انتخاب بلوک شنبه و یکشنبه:
برای غیرفعال کردن شنبهها و یکشنبهها در انتخابگر تقویم، گزینه «انتخاب بدون آخر هفته» را فعال کنید. فقط روزهای هفته (دوشنبه تا جمعه) قابل انتخاب هستند.
ایده آل برای:
- رزرو قرار ملاقاتهای کاری
- زمانبندی تحویل دفتر
- انتخاب تاریخ مشاوره
- قرار ملاقاتهای خدماتی (فقط دوشنبه تا جمعه)
- برنامهریزی جلسات B2B
تعاملات هوشمند:
اگر کاربر به نحوی آخر هفتهای را انتخاب کند (از طریق صفحهکلید)، سیستم بهطور خودکار به دوشنبهی آینده تصحیح میکند. محافظت یکپارچه.
با گزینههای دیگر ترکیب میشود:
با محدودیتهای گذشته/آینده کار میکند - فقط روزهای هفته در محدوده مجاز قابل انتخاب هستند.
🎯 گزینههای تاریخ پیشفرض
تاریخهای شروع از قبل انتخاب شده:
بدون تاریخ از پیش انتخاب شده (خالی):
فیلد خالی شروع میشود. کاربران باید به طور فعال یک تاریخ را انتخاب کنند. بهترین گزینه برای تاریخهایی است که تغییرات زیادی دارند.
تاریخ امروز:
هنگام بارگذاری فرم، به طور خودکار تاریخ فعلی را از قبل پر میکند. هر روز به صورت پویا بهروزرسانی میشود.
استفاده از موارد:
- فیلدهای «تاریخ استعلام»
- فرمهای مهر زمانی
- مستندات تاریخ فعلی
- گزیدههای برنامه امروز
تاریخ فردا:
به طور خودکار تاریخ فردا را از قبل پر میکند. ایدهآل برای رزروهای روز بعد.
استفاده از موارد:
- انتخاب تحویل روز بعد
- رزرو نوبتهای فردا
- پیشفرضهای رویدادهای آینده
- موجودی روز بعد
تاریخ خاص سفارشی:
هر تاریخ ثابتی را برای پیشانتخاب انتخاب کنید. برای تاریخهای پیشنهادی یا فرمهای مخصوص رویداد عالی است.
استفاده از موارد:
- تاریخ قرار ملاقات توصیه شده
- پیشفرضهای تاریخ رویداد
- پیشنهادات مهلت
- تاریخهای درخواست از پیش پر شده
📱 انتخابگر تقویم بومی
انتخاب تاریخ بهینه شده برای مرورگر:
از ورودیهای تاریخ بومی HTML5 به همراه انتخابگر تقویم داخلی مرورگر استفاده میکند. تجربهای آشنا و مختص پلتفرم را ارائه میدهد.
ظاهر خاص پلتفرم:
- iOS: انتخابگر چرخ زیبا
- اندروید: تقویم طراحی متریال
- کروم دسکتاپ: تقویم کشویی
- سافاری دسکتاپ: انتخابگر فشرده
- همه برای پلتفرم خود بهینه شدهاند
مزایا:
- بدون نیاز به کتابخانه جاوا اسکریپت
- بارگیری فوری
- به صورت پیش فرض قابل دسترسی است
- قابلیت پیمایش با کیبورد
- بهینه شده برای لمس
- حداقل حجم فایل
هر جایی کلیک کنید:
کل فیلد برای باز کردن تقویم قابل کلیک است. ناحیه تعاملی بزرگ، کاربردپذیری را بهبود میبخشد.
✅ اعتبارسنجی هوشمند تاریخ
لایههای اعتبارسنجی داخلی:
اعتبارسنجی قالب:
مرورگر به طور خودکار قالب تاریخ صحیح را تضمین میکند. کاربران نمیتوانند تاریخهای نامعتبر مانند «2023-13-45» را وارد کنند.
اعتبارسنجی محدوده:
حداقل/حداکثر تاریخها در سطح انتخابگر اعمال میشوند. تاریخهای نامعتبر غیرفعال هستند - نمیتوان آنها را انتخاب کرد.
اعتبارسنجی منطق:
محدودیتهای گذشته/آینده/آخر هفته بهطور خودکار اعمال میشوند. سیستم از انتخابهای نامعتبر جلوگیری میکند.
پاک کردن پیامهای خطا:
اگر کاربران به نحوی محدودیتها را دور بزنند، پیامهای واضحی نمایش داده میشوند که توضیح میدهند: «تاریخ باید بعد از 2024-01-01 باشد» یا «تاریخ باید قبل از 2024-12-31 باشد».
🔀 منطق شرطی
قابلیت مشاهده فیلد تاریخ پویا:
نمایش یا پنهان کردن فیلدهای تاریخ بر اساس مقادیر دیگر فرم. نمایش فیلدهای تاریخ مرتبط فقط در صورت نیاز.
قوانین منطق پیشرفته:
- منطق AND - همه شرایط باید رعایت شوند
- منطق OR - هر شرطی میتواند باعث انجام عمل شود
- ۸ عملگر - مساوی، نامساوی، بزرگتر از، کوچکتر از، شامل، خالی و موارد دیگر
استفاده از موارد:
- نمایش «تاریخ ترجیحی» فقط زمانی که نوع رزرو برابر با «قرار ملاقات» باشد
- نمایش «تاریخ رویداد» زمانی که نوع رویداد خالی نباشد
- نمایش «تاریخ تحویل» زمانی که روش ارسال برابر با «زمانبندیشده» باشد
- پنهان کردن «تاریخ برگشت» وقتی نوع بلیط برابر با «یکطرفه» است
🎯 تجربه کاربری بهبود یافته
ویژگیهای هوشمند داخلی:
- نمایش بصری تاریخ - تاریخ انتخاب شده با فرمت خوانا نمایش داده میشود
- آیکون تقویم - نشانگر بصری انتخابگر تاریخ
- پیمایش صفحهکلید - کلیدهای جهتنما در تقویم حرکت میکنند
- دسترسی به تبها - پشتیبانی کامل از صفحهکلید
- بهینهسازی لمسی - اهداف لمسی بزرگ در موبایل
- تصحیح خودکار - تاریخهای نامعتبر به طور خودکار به نزدیکترین تاریخ معتبر تنظیم میشوند
- برجستهسازی امروز - تاریخ فعلی در انتخابگر برجسته میشود
- انتخاب سریع - روی تاریخ کلیک کنید، انتخابگر به طور خودکار بسته میشود
- پشتیبانی متن راهنما - نکات یا دستورالعملهای قالب تاریخ را اضافه کنید
- اعتبارسنجی الزامی - انتخاب تاریخ را اجباری کنید
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- پشتیبانی از قابلیت دسترسی - برچسبهای ARIA، سازگار با صفحهخوان
راهاندازی ساده در ۳ مرحله
فیلد تاریخ خود را در عرض چند دقیقه آماده کنید
اضافه کردن فیلد تاریخ
فیلد تاریخ را از بخش فیلدهای پایه (Basic Fields) بکشید و در فرم خود رها کنید.
قالب و محدوده را انتخاب کنید
قالب تاریخ (ایالات متحده، بریتانیا، ISO) را انتخاب کنید، به صورت اختیاری مرزهای حداقل/حداکثر تاریخ را تنظیم کنید و در صورت نیاز، مسدود کردن گذشته/آینده/آخر هفته را فعال کنید.
تنظیم تاریخ پیشفرض
انتخاب کنید که فیلد خالی شروع شود، با امروز، فردا یا یک تاریخ دلخواه که شما مشخص میکنید، از قبل پر شود.
🎉 تمام! فیلد تاریخ شما با اعتبارسنجی هوشمند و انتخابگرهای بومی آماده است.
برنامه های کاربردی در دنیای واقعی
رزرو وقت معاینه
* تاریخهای ملاقات پزشکی
* تعیین وقت مشاوره
* انتخاب نوبت خدمات
* هماهنگی تاریخ جلسه
ثبت رویداد
* تاریخهای حضور در رویداد
* انتخاب تاریخ کارگاه
* ثبت نام در کنفرانس
*تاریخ ثبت نام کلاس ها*
تحویل و حمل و نقل
* تاریخهای تحویل ترجیحی
* انتخاب تاریخ ارسال
* زمانبندی تاریخ تحویل
* برنامهریزی تاریخ اعزام
برنامه های تجاری
* تاریخهای پایان پروژه
* تاریخ سررسید وظایف
* تاریخهای لازمالاجرا شدن قرارداد
* تاریخ شروع/پایان قرارداد
اطلاعات شخصی
* مجموعه تاریخ تولد
*تاریخ سالگردها
*تاریخ شروع به کار
* تاریخهای پایان تحصیلات
رزرو
* تاریخ ورود به هتل
* تاریخ شروع اجاره
* تاریخهای تأیید رزرو
* انتخاب دوره رزرو
گزینههای کامل فیلد
پیکربندی پایه
- برچسب فیلد - عنوانی که در بالای فیلد تاریخ نشان داده میشود
- توضیحات/متن راهنما - راهنماییهای بیشتر برای کاربران
- فیلد الزامی - انتخاب تاریخ را اجباری کنید
- جاینگهدار - برای انتخابگرهای تاریخ بومی قابل اجرا نیست
فرمت تاریخ
- نحوه نمایش تاریخها:
- سال اول: 2023-12-31 (ISO 8601)
- ماه اول: 2023/12/31 (به سبک آمریکایی)
- روز اول: 2023/12/31 (به سبک بریتانیا)
- روز اول با خط تیره: 2023-12-31
محدودیتهای محدوده تاریخ
- اولین تاریخ مجاز - اولین تاریخی که کاربران میتوانند انتخاب کنند (برای عدم محدودیت، خالی بگذارید)
- آخرین تاریخ مجاز - آخرین تاریخی که کاربران میتوانند انتخاب کنند (برای عدم محدودیت، خالی بگذارید)
گزینههای مسدود کردن تاریخ
- مسدود کردن تاریخهای گذشته - از انتخاب هر تاریخی قبل از امروز جلوگیری میکند
- مسدود کردن تاریخهای آینده - از انتخاب هر تاریخی پس از امروز جلوگیری میکند
- بدون انتخاب آخر هفته - از انتخاب شنبهها و یکشنبهها جلوگیری میکند
انتخاب تاریخ شروع:
- بدون تاریخ از پیش انتخاب شده (خالی) - فیلد از خالی شروع میشود
- تاریخ امروز - تاریخ فعلی از قبل پر شده است
- تاریخ فردا - روز بعد از قبل پر شده است
- تاریخ خاص (شما انتخاب میکنید) - تاریخ سفارشی از پیش پر شده
تاریخ پیشفرض سفارشی - تاریخ شروع خود را انتخاب کنید (هنگام انتخاب «تاریخ خاص» نمایش داده میشود)
منطق شرطی
- فعال کردن منطق شرطی - نمایش/پنهان کردن بر اساس شرایط
- نوع منطقی
- همه شرایط باید رعایت شود (و)
- هر شرطی قابل تحقق است (یا)
- قوانین مربوط به شرایط
- نمایش/پنهان کردن - اقدامی که باید انجام شود
- فیلد - کدام فیلد را بررسی کنیم
- عملگر - مساوی، غیر مساوی، شامل، بزرگتر از، کوچکتر از، خالی، غیر خالی
- مقدار - مقدار مقایسهای
- شرایط چندگانه - اضافه کردن قوانین نامحدود
گزینه های پیشرفته
- فیلد پنهان - فیلد را نامرئی کنید اما تاریخ را در ارسالها لحاظ کنید
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- ویژگیهای دسترسی - برچسبهای ARIA برای صفحهخوانها
چرا فیلد تاریخ ما را انتخاب کنیم؟
✅ فرمتهای چندگانه - فرمتهای ایالات متحده، بریتانیا، ISO و خط چین
✅ کنترل محدوده تاریخ - مرزهای حداقل/حداکثر را دقیقاً تنظیم کنید
✅ مسدود کردن تاریخهای گذشته - فقط انتخاب تاریخهای آینده را مجاز کنید
✅ مسدود کردن تاریخهای آینده - فقط انتخاب تاریخهای گذشته مجاز است
✅ غیرفعال کردن آخر هفتهها - انتخاب فقط روزهای هفته برای کسبوکار
✅ پیشفرضهای هوشمند - از قبل با امروز، فردا یا تاریخ دلخواه پر کنید
✅ انتخابگرهای بومی - تقویمهای بهینه شده برای مرورگر برای هر پلتفرم
✅ اعتبارسنجی خودکار - تاریخهای نامعتبر قابل انتخاب نیستند
✅ کاملاً یکپارچه - با تمام ویژگیهای فرم به طور یکپارچه کار میکند
پرسش و پاسخهای متداول
س: چه قالبهای تاریخ پشتیبانی میشوند؟
چهار قالب: ISO (2023-12-31)، US (12/31/2023)، UK (31/12/2023) و Dashed (31-12-2023). قالبی را انتخاب کنید که به بهترین وجه با مخاطب شما مطابقت داشته باشد.
س: چگونه میتوانم از انتخاب تاریخهای گذشته توسط کاربران جلوگیری کنم؟
«مسدود کردن تاریخهای گذشته» را فعال کنید. هر تاریخی قبل از امروز در انتخابگر تاریخ غیرقابل انتخاب میشود.
س: آیا میتوانم تاریخها را به یک محدوده خاص محدود کنم؟
بله. برای محدود کردن انتخابها به یک پنجرهی تعریفشده، «اولین تاریخ مجاز» و «آخرین تاریخ مجاز» را تنظیم کنید.
س: «آخر هفتههای غیرفعال» چه کاری انجام میدهد؟
این باعث میشود روزهای شنبه و یکشنبه از حالت انتخاب خارج شوند. فقط دوشنبه تا جمعه در دسترس هستند.
س: تاریخهای پیشفرض چگونه کار میکنند؟
انتخاب کنید که فیلد خالی شروع شود، تاریخ امروز، تاریخ فردا یا یک تاریخ سفارشی را نشان دهد. امروز و فردا به طور خودکار تنظیم میشوند.
س: آیا انتخابگر تاریخ در همه دستگاهها یکسان به نظر میرسد؟
خیر. از رابط کاربری بومی هر دستگاه استفاده میکند—انتخابگرهای چرخان iOS، تقویمهای اندروید، انتخابگرهای دسکتاپ و غیره.
س: آیا میتوانم تاریخهای آینده را برای فیلدهای تاریخ تولد مسدود کنم؟
بله. «مسدود کردن تاریخهای آینده» را فعال کنید تا کاربران فقط بتوانند تاریخهای تا و شامل امروز را انتخاب کنند.
س: تاریخهای حداقل/حداکثر چگونه با مسدود کردن گذشته/آینده کار میکنند؟
آنها روی هم انباشته میشوند. برای مثال، مسدود کردن تاریخهای گذشته به علاوهی حداکثر تاریخ ۳۰ روز آینده، منجر به ایجاد محدودهای از امروز تا ۳۰ روز آینده میشود.
س: آیا کاربران میتوانند به جای استفاده از انتخابگر، تاریخ تایپ کنند؟
بعضی از مرورگرها امکان تایپ با اعتبارسنجی را فراهم میکنند. بعضی دیگر انتخابگر تاریخ را اجباری میکنند. همه آنها قالببندی صحیح را الزامی میکنند.
س: اگر کاربری آخر هفتهای را انتخاب کند که آخر هفتهها غیرفعال هستند، چه اتفاقی میافتد؟
سیستم به طور خودکار با نزدیکترین روز کاری معتبر، معمولاً دوشنبهی بعد، تنظیم میشود.
س: آیا میتوانم از منطق شرطی با فیلدهای تاریخ استفاده کنم؟
بله. از مقایسههایی مانند «برابر»، «خالی است»، «خالی نیست»، «بزرگتر از» یا «کوچکتر از» برای کنترل نمایش سایر فیلدها استفاده کنید.
س: چگونه تاریخ پایان مهلت را تعیین کنم؟
مهلت خود را در «آخرین تاریخ مجاز» وارد کنید. کاربران نمیتوانند تاریخهای پس از آن نقطه را انتخاب کنند. اگر به دسترسی فقط برای آینده نیاز دارید، این گزینه را با «مسدود کردن تاریخهای گذشته» ترکیب کنید.
