بهترین انتخاب کننده تاریخ بوت استرپ برای توسعه دهندگان و طراحان فرانت اند است. در صورتی توسط برخی از سایت های خود را با ابزار رایگان بوت استرپ طراحی می کنید می توانید از روش های کاربرپسند و المان انتخاب کننده تاریخ/زمان یا datepicker بوت استرپ جهت انتخاب راحت تر تاریخ استفاده کنید. این المان ها برای تلفن همراه، دسکتاپ به راحتی قابل دسترس است. تاریخ بوت استرپ گزینه مناسبی برای نمایش در سایت های راست به چپ یا همان فارسی و عربی است.
بیشترین کاربرد ویجت انتخاب گر تاریخ برای انتخاب تاریخ در برنامه های کاربردی وب یا فرم ها استفاده می شود. تاریخ انتخاب را می توان برای انتخاب یک روز مشخص، تعیین فاصله از روز، ماه یا سال در نظر گرفت.
تاریخ انتخاب با تعدادی از قالب های از پیش تعریف شده براساس آن کشور مانند DD/MM/YYYY یا MM/DD/YYYY تعیین می شود و برحسب تنظیمات زبان مرورگر در صفحه وب نشان داده می شود.
احتمالا برای وب سایتی که قصد توسعه دادن آن را دارید انتخاب گر تاریخ پیش فرض گزینه مناسبی نیست. شاید هم با یک انتخاب گر تاریخ نیاز است تا با طراحی شما همخوانی داشته باشد. شاید نیاز است که در لحظه تغییر تاریخ، تقویم مخفی نشود. بعضی از این موارد باید از انتخاب گر تاریخ حذف شود یا اجبار برخی از آنها به دلیل کم بودن لیست پیش فرض نمایش دهید.
البته در صورتی که قصد سفارشی کردن انتخاب کننده تاریخ پیش فرض بوت استرپ را دارید. چندان کار سختی نیست با صرف کمی زمان می توانید آن را براساس پروژه خود شخصی سازی کنید. در نهایت شاهد تعدادی انتخاب گر خوب برای تاریخ و زمان که نحوه استفاده از آن ها همانند پلاگین های jQuery بسیار راحت و آسان است.
دیدن بفرمایید: طراحی سایت در اصفهان
نسخه‌ی اختصاصی انتخابگر تاریخ برای Bootstrap 5 که بدون نیاز به jQuery کار می‌کنه. سبک و سریع هست و با طراحی مدرن بوت‌استرپ سازگاری کامل داره.
یک افزونه ساده برای نمایش تقویم کلاسیک در فرم‌ها. امکان انتخاب تاریخ به‌صورت سریع و کاربرپسند رو فراهم می‌کنه.
همون Datepicker بوت‌استرپ 4 هست که با یک تم صورتی سفارشی طراحی شده. برای پروژه‌هایی با طراحی خاص یا استایل متفاوت جذابه.
یکی از محبوب‌ترین پلاگین‌ها برای انتخاب تاریخ در بوت‌استرپ. از ویژگی‌های پایه مثل انتخاب ماه، سال و روز پشتیبانی می‌کنه و مستندات زیادی داره.
نسخه‌ی بهینه‌شده برای Bootstrap 4 که با استایل‌های این نسخه سازگاری کامل داره. مناسب برای پروژه‌هایی که هنوز روی Bootstrap 4 هستند.
یک افزونه عمومی‌تر که امکان شخصی‌سازی استایل، فرمت تاریخ و زبان تقویم رو می‌ده. برای پروژه‌های چندزبانه کاربردیه.
یکی دیگه از نسخه‌های معروف Datepicker که بر پایه Bootstrap 4 توسعه داده شده. نصب و راه‌اندازی راحتی داره.
به جای فقط تاریخ، انتخاب تاریخ و ساعت رو با هم ارائه می‌ده. تم تاریک داره که برای طراحی‌های مدرن و داشبوردها جذابه.
یک پلاگین قدرتمند که نه‌تنها انتخاب تاریخ، بلکه نمایش کامل رویدادها در قالب تقویم ماهانه/هفتگی/روزانه رو فراهم می‌کنه. برای سیستم‌های رزرواسیون و مدیریت وظایف عالیه.
تقریباً مشابه مورد 5 و 7، با پشتیبانی خوب از فرمت‌های مختلف تاریخ و استایل یکپارچه با Bootstrap 4.
به کاربر اجازه می‌ده بازه زمانی انتخاب کنه (مثلاً از ۱۰ شهریور تا ۱۵ شهریور). برای رزرو هتل، پرواز یا فیلترهای گزارش مالی کاربردیه.
نسخه‌ای پیشرفته‌تر که علاوه بر تاریخ، امکان انتخاب ساعت و دقیقه هم داره. معمولاً از moment.js یا کتابخانه‌های مشابه استفاده می‌کنه.
یک تقویم ساده و واکنش‌گرا که در فرم‌ها یا صفحات می‌شه قرار داد. بیشتر برای نمایش و انتخاب سریع تاریخ روزانه.
با الهام از طراحی متریال دیزاین گوگل ساخته شده. ظاهر مدرن‌تر و جذاب‌تر نسبت به نمونه‌های ساده‌تر داره.
یک نسخه‌ی مینیمال و ساده که فقط انتخاب تاریخ رو ممکن می‌کنه. مناسب پروژه‌های سبک که نیاز به قابلیت‌های زیاد ندارند.
با استفاده از انتخاب کننده های تاریخ در بوت استرپ رابط کاربری برای ما شاخصی در نظر می گیرد که با کلیک روی المان های تاریخ (روز/ ماه/ سال) اطلاعات خواسته شده را وارد کرده و با استفاده از این حالت به صورت یکجا قرار داده تا مشکل مربوط به قالب و فرمت حل شود. این مورد تنها مربوط به تاریخ نیست. در زیر به برخی از این موارد اشاره می کنیم.
1.Bootstrap Material Date Picker
2.Date Time Picker Bootstrap
3.Bootstrap Date Picker
4. Moon Flights Bootstrap Datepicker
5. Bootstrap Date Picker Sandbox
6.4Date Picker V
7.Bootstrap jQuery Date Picker
8. Bootstrap Date Picker – Set Current Date
9.Date Picker
10.Simple Bootstrap DatePicker
با کمک مهمترین Date Picker معرفی شده می توانید قالب های متفاوتی را به روش بوت استرپ پیاده سازی کنید با این کار علاوه بر بالا بردن کارایی و جذابیت سایت باعث افزایش نرخ تبادلات کاربری در سایت تان شده و بازدیدکنندگان زیادی به سایت شما مراجعه می کنند.
در این مطلب با تاریخ بوت استرپ و مواردی که به طراحان و توسعه دهندگان وب کمک می کند تا بتوانند در بازدید بیشتر و زیبایی تر شدن سایت شان تاثیر داشته باشد مطرح شد. در صورتی که تجربه ای در این زمینه دارید خوشحال می شویم در کامنت ها با ما در وب یار به اشتراک بگذارید.
می‌خوای رزومه‌ی حرفه‌ای‌ت رو تو نیم ساعت بسازی؟
یکی از قالب‌های بوت‌استرپ رایگان رو انتخاب کن، دانلود کن و سفارشی‌ش کن… همین حالا شروع کن!
1. بهترین انتخاب‌کننده تاریخ برای بوت‌استرپ کدام است؟
Bootstrap Datepicker یکی از محبوب‌ترین پلاگین‌ها برای انتخاب تاریخ در بوت‌استرپ است که هم ساده و هم انعطاف‌پذیر است.
2. آیا می‌توان انتخاب‌کننده تاریخ را در تقویم فارسی استفاده کرد؟
بله، با استفاده از کتابخانه‌هایی مثل Bootstrap Persian Datepicker می‌توانید تقویم شمسی (جلالی) را به راحتی در پروژه خود اضافه کنید.
3. چطور انتخاب‌کننده تاریخ را در بوت‌استرپ نصب کنیم؟
کافی است فایل‌های CSS و JS مربوط به پلاگین انتخاب تاریخ را به پروژه اضافه کرده و با چند خط کد جاوااسکریپت آن را فعال کنید.
4. آیا امکان انتخاب محدوده تاریخ وجود دارد؟
بله، بسیاری از پلاگین‌ها قابلیت انتخاب محدوده تاریخ (Date Range Picker) را دارند که برای رزرواسیون‌ها و سیستم‌های رزرو بسیار کاربردی است.
5. چه تفاوتی بین Datepicker و Date Range Picker وجود دارد؟
Datepicker برای انتخاب یک تاریخ خاص به کار می‌رود، در حالی که Date Range Picker به شما اجازه می‌دهد بازه‌ای از تاریخ‌ها را انتخاب کنید.
۷ آبان
🥇 تجربه من از ساخت یک سایت فروشگاهی موفق؛ از زمین خاکی تا فروش میلیونی همه‌ی تجربه 15 ساله من از طراحی سایت فروشگاهی موفق…
ادامه مطلب
۱۴ اسفند
در عصر حاضر، اینترنت به یکی از ارکان اصلی زندگی انسان‌ها تبدیل شده است. افراد برای انجام امور مختلف از جمله خرید، آموزش، سرگرمی و…
ادامه مطلب
۱۰ آبان
ووکامرس یا پرستاشاپ هر دو از ابزارهای قدرتمند سیستم مدیریت محتوا در وردپرس می‌باشند. امروزه با توجه به گسترش فروشگاه های اینترنتی در دنیای مجازی…
ادامه مطلب
۱۶ مهر
معنی دامنه news یا خبر صرفاً برای وب سایت هایی که اخبار را به صورت آنلاین در اختیار کاربران قرار می دهند. این دامنه بیشترین…
ادامه مطلب
۱۰ مهر
دامنه top یک دامنه عمومی سطح بالا می باشد. این دامنه توسط کمپانی جیانگ سو بنگینگ در چین مدیریت می شود. البته صرفا به نهادهای…
ادامه مطلب
۵ مهر
الگوریتم کبوتر گوگل (Google Pigeon Algorithm) یکی از قدرتمندترین و عظیم ترین بروزرسانی های الگوریتم گوگل به منظور نمایش نتایج جستجو محلی و اجرای شده…
ادامه مطلب