انتخابگر تاریخ و زمان

انتخابگر محدوده تاریخ بوت استرپ

انتخابگر محدوده تاریخ به یک ورودی متن متصل شده است.
از Date Range Picker نیز می توان برای انتخاب زمان استفاده کرد.
از 24 ساعت به جای 12 ساعت استفاده کنید و انتخاب AM/PM را حذف کنید.
انتخابگر محدوده تاریخ را می توان تنها با یک تقویم به یک ویجت انتخابگر تاریخ تبدیل کرد.
دکمه های اعمال و لغو را مخفی کنید و به محض انتخاب دو تاریخ یا محدوده از پیش تعریف شده، به طور خودکار یک محدوده تاریخ جدید اعمال کنید.
هنگامی که فعال باشد، دو تقویم نمایش داده شده همیشه برای دو ماه متوالی (یعنی ژانویه و فوریه) خواهند بود و هر دو با کلیک کردن روی فلش های چپ یا راست بالای تقویم ها پیشرفته خواهند شد.
هنگامی که فعال باشد، دو تقویم نمایش داده شده همیشه برای دو ماه متوالی (یعنی ژانویه و فوریه) خواهند بود و هر دو با کلیک کردن روی فلش های چپ یا راست بالای تقویم ها پیشرفته خواهند شد.
حداکثر فاصله بین تاریخ شروع و پایان انتخاب شده
برای پرش به یک ماه و سال خاص، کادرهای انتخابی سال و ماه را در بالای تقویم‌ها نشان دهید
اعداد هفته بومی شده را در ابتدای هر هفته در تقویم ها نشان دهید
محدوده تاریخ از پیش تعریف شده ای را تنظیم کنید که کاربر می تواند از بین آنها انتخاب کند.
به طور معمول، اگر از گزینه ranges برای تعیین محدوده تاریخ از پیش تعریف شده استفاده می کنید، تقویم برای انتخاب یک محدوده تاریخ سفارشی نشان داده نمی شود تا زمانی که کاربر بر روی Custom Range کلیک کند.
به شما امکان می دهد رشته های محلی سازی شده برای دکمه ها و برچسب ها ارائه دهید، قالب نمایش تاریخ را سفارشی کنید و اولین روز هفته را برای تقویم ها تغییر دهید.
این که آیا انتخابگر در سمت چپ، به راست، یا در مرکز زیر عنصر HTML که به آن متصل است، تراز شده است.
چه انتخابگر در زیر (پیش‌فرض) ظاهر شود یا بالای عنصر HTML که به آن متصل است.
نام‌های کلاس CSS که به همه دکمه‌های انتخابگر اضافه می‌شوند.

انتخابگر تاریخ

Pickadate.js یک انتخابگر ورودی تاریخ و زمان جی کوئری سازگار با موبایل، پاسخگو و سبک وزن است.

استفاده کنید.pickadate class for basic Pick-A-Date Picker.
استفاده کنید.pickadate-short-string class for short Month & Week String.
استفاده کنید.pickadate-select-year class to allow user to select year.
استفاده کنید.pickadate-firstday class to change first weekday to Monday.
استفاده کنید.pickadate-buttons class to change/hide buttons.
استفاده کنید.pickadate-limits class to give selection from range of some dates.
استفاده کنید.pickadate-format class to change date display formats.
استفاده کنید.pickadate-arrow class to change date display formats.
استفاده کنید.pickadate-translations class for language translation.
با عبور از یک عدد صحیح بین 1 و 7، روزهای خاصی از هفته، مانند همه شنبه ها (روز هفتم هفته) و یکشنبه ها (اول روز هفته) را غیرفعال کنید.
آرایه ای از تاریخ های دلخواه را ارسال کنید (هر کدام به صورت [ سال، میلی متر، روز ] قالب بندی شده اند) تا آنها را غیرفعال کنید.
استفاده کنید.pickadate-selectors class to set month & year selectable.
استفاده کنید.pickadate-dropdown class to set select to month and year selection
استفاده کنید.pickadate-events class to check events as the user interacts with the picker.
استفاده کنید.pickadate-minmax class for language translation.
استفاده کنید.pickadate-nativ class to change date display formats.

Pick-A-Time Picker

استفاده کنید.pickatime class for basic Pick-A-Date Picker.
استفاده کنید.pickatime-button class to hide clear button.
استفاده کنید.pickatime-format class to change time display formats.
استفاده کنید.pickatime-formatTime class to display time format.
استفاده کنید.pickatime-formatlabel class to display time label format.
استفاده کنید.pickatime-minmax class for Start Time & End Time.
نمایش 5 محدودیت زمانی قبلی و همچنین محدودیت زمانی فعلی را نشان می دهد.
استفاده کنید.pickatime-intervals class to display time in Intervals.
یک مجموعه خاص یا دلخواه از زمان های قابل انتخاب در انتخابگر را غیرفعال کنید.
استفاده از اعداد صحیح به عنوان ساعت (0 تا 23)
استفاده از اشیاء به عنوان بازه زمانی
با تنظیم true به عنوان اولین مورد در مجموعه، فقط یک مجموعه زمان خاص یا دلخواه را فعال کنید
هنگامی که یک زمان انتخاب می شود یا دکمه پاک کردن فشار داده می شود، انتخابگر بسته می شود.
رویداد onSet تنها فراخوانی است که یک آرگومان زمینه ارسال می‌شود که جزئیات مربوط به اینکه کدام ویژگی‌ها تنظیم می‌شوند را ارائه می‌دهد.
گزینه های رنگ نوار نوار

گزینه های طرح بندی

پس زمینه منوی نوار کناری


تصویر پس زمینه نوار کناری
background image
background image
background image
background image

Layout Builder را امتحان کنید