۱۴ اسفند
طراحی سایت شخصی مزایا و راهکارها
در عصر حاضر، اینترنت به یکی از ارکان اصلی زندگی انسان‌ها تبدیل شده است. افراد برای انجام امور مختلف از جمله خرید، آموزش، سرگرمی و…
ادامه مطلب
بهترین انتخاب کننده تاریخ بوت استرپ برای توسعه دهندگان و طراحان فرانت اند است. در صورتی توسط برخی از سایت های خود را با ابزار رایگان بوت استرپ طراحی می کنید می توانید از روش های کاربرپسند و المان انتخاب کننده تاریخ/زمان یا datepicker بوت استرپ جهت انتخاب راحت تر تاریخ استفاده کنید. این المان ها برای تلفن همراه، دسکتاپ به راحتی قابل دسترس است. تاریخ بوت استرپ گزینه مناسبی برای نمایش در سایت های راست به چپ یا همان فارسی و عربی است.
بیشترین کاربرد ویجت انتخاب گر تاریخ برای انتخاب تاریخ در برنامه های کاربردی وب یا فرم ها استفاده می شود. تاریخ انتخاب را می توان برای انتخاب یک روز مشخص، تعیین فاصله از روز، ماه یا سال در نظر گرفت.
تاریخ انتخاب با تعدادی از قالب های از پیش تعریف شده براساس آن کشور مانند DD/MM/YYYY یا MM/DD/YYYY تعیین می شود و برحسب تنظیمات زبان مرورگر در صفحه وب نشان داده می شود.
احتمالا برای وب سایتی که قصد توسعه دادن آن را دارید انتخاب گر تاریخ پیش فرض گزینه مناسبی نیست. شاید هم با یک انتخاب گر تاریخ نیاز است تا با طراحی شما همخوانی داشته باشد. شاید نیاز است که در لحظه تغییر تاریخ، تقویم مخفی نشود. بعضی از این موارد باید از انتخاب گر تاریخ حذف شود یا اجبار برخی از آنها به دلیل کم بودن لیست پیش فرض نمایش دهید.
البته در صورتی که قصد سفارشی کردن انتخاب کننده تاریخ پیش فرض بوت استرپ را دارید. چندان کار سختی نیست با صرف کمی زمان می توانید آن را براساس پروژه خود شخصی سازی کنید. در نهایت شاهد تعدادی انتخاب گر خوب برای تاریخ و زمان که نحوه استفاده از آن ها همانند پلاگین های jQuery بسیار راحت و آسان است.
دیدن بفرمایید: طراحی سایت در اصفهان
15 مورد از بهترین انتخاب کننده تاریخ بوت استرپ
1. Datepicker بوت‌استرپ 5
نسخه‌ی اختصاصی انتخابگر تاریخ برای Bootstrap 5 که بدون نیاز به jQuery کار می‌کنه. سبک و سریع هست و با طراحی مدرن بوت‌استرپ سازگاری کامل داره.
2. انتخاب‌کننده تقویم بوت‌استرپ
یک افزونه ساده برای نمایش تقویم کلاسیک در فرم‌ها. امکان انتخاب تاریخ به‌صورت سریع و کاربرپسند رو فراهم می‌کنه.
3. Datepicker با تم صورتی بوت‌استرپ 4
همون Datepicker بوت‌استرپ 4 هست که با یک تم صورتی سفارشی طراحی شده. برای پروژه‌هایی با طراحی خاص یا استایل متفاوت جذابه.
4. بوت‌استرپ Datepicker
یکی از محبوب‌ترین پلاگین‌ها برای انتخاب تاریخ در بوت‌استرپ. از ویژگی‌های پایه مثل انتخاب ماه، سال و روز پشتیبانی می‌کنه و مستندات زیادی داره.
5. انتخاب‌کننده تاریخ بوت‌استرپ 4
نسخه‌ی بهینه‌شده برای Bootstrap 4 که با استایل‌های این نسخه سازگاری کامل داره. مناسب برای پروژه‌هایی که هنوز روی Bootstrap 4 هستند.
6. انتخابگر تاریخ بوت‌استرپ
یک افزونه عمومی‌تر که امکان شخصی‌سازی استایل، فرمت تاریخ و زبان تقویم رو می‌ده. برای پروژه‌های چندزبانه کاربردیه.
7. بوت‌استرپ 4 Datepicker
یکی دیگه از نسخه‌های معروف Datepicker که بر پایه Bootstrap 4 توسعه داده شده. نصب و راه‌اندازی راحتی داره.
8. انتخابگر تاریخ و زمان بوت‌استرپ با تم تاریک
به جای فقط تاریخ، انتخاب تاریخ و ساعت رو با هم ارائه می‌ده. تم تاریک داره که برای طراحی‌های مدرن و داشبوردها جذابه.
9. تقویم کامل بوت‌استرپ (Full Calendar)
یک پلاگین قدرتمند که نه‌تنها انتخاب تاریخ، بلکه نمایش کامل رویدادها در قالب تقویم ماهانه/هفتگی/روزانه رو فراهم می‌کنه. برای سیستم‌های رزرواسیون و مدیریت وظایف عالیه.
10. انتخابگر تاریخ بوت‌استرپ 4
تقریباً مشابه مورد 5 و 7، با پشتیبانی خوب از فرمت‌های مختلف تاریخ و استایل یکپارچه با Bootstrap 4.
11. انتخابگر محدوده تاریخ (Date Range Picker)
به کاربر اجازه می‌ده بازه زمانی انتخاب کنه (مثلاً از ۱۰ شهریور تا ۱۵ شهریور). برای رزرو هتل، پرواز یا فیلترهای گزارش مالی کاربردیه.
12. انتخابگر تاریخ/زمان بوت‌استرپ
نسخه‌ای پیشرفته‌تر که علاوه بر تاریخ، امکان انتخاب ساعت و دقیقه هم داره. معمولاً از moment.js یا کتابخانه‌های مشابه استفاده می‌کنه.
13. تقویم بوت‌استرپ
یک تقویم ساده و واکنش‌گرا که در فرم‌ها یا صفحات می‌شه قرار داد. بیشتر برای نمایش و انتخاب سریع تاریخ روزانه.
14. انتخابگر تاریخ متریال (Material Datepicker)
با الهام از طراحی متریال دیزاین گوگل ساخته شده. ظاهر مدرن‌تر و جذاب‌تر نسبت به نمونه‌های ساده‌تر داره.
15. انتخابگر تاریخ
یک نسخه‌ی مینیمال و ساده که فقط انتخاب تاریخ رو ممکن می‌کنه. مناسب پروژه‌های سبک که نیاز به قابلیت‌های زیاد ندارند.
Date Picker در بوت استرپ چیست؟
با استفاده از انتخاب کننده های تاریخ در بوت استرپ رابط کاربری برای ما شاخصی در نظر می گیرد که با کلیک روی المان های تاریخ (روز/ ماه/ سال) اطلاعات خواسته شده را وارد کرده و با استفاده از این حالت به صورت یکجا قرار داده تا مشکل مربوط به قالب و فرمت حل شود. این مورد تنها مربوط به تاریخ نیست. در زیر به برخی از این موارد اشاره می کنیم.
مهمترین Date Picker در بوت استرپ
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 معرفی شده می توانید قالب های متفاوتی را به روش بوت استرپ پیاده سازی کنید با این کار علاوه بر بالا بردن کارایی و جذابیت سایت باعث افزایش نرخ تبادلات کاربری در سایت تان شده و بازدیدکنندگان زیادی به سایت شما مراجعه می کنند.
کلام آخر
در این مطلب با تاریخ بوت استرپ و مواردی که به طراحان و توسعه دهندگان وب کمک می کند تا بتوانند در بازدید بیشتر و زیبایی تر شدن سایت شان تاثیر داشته باشد مطرح شد. در صورتی که تجربه ای در این زمینه دارید خوشحال می شویم در کامنت ها با ما در وب یار به اشتراک بگذارید.
می‌خوای رزومه‌ی حرفه‌ای‌ت رو تو نیم ساعت بسازی؟
یکی از قالب‌های بوت‌استرپ رایگان رو انتخاب کن، دانلود کن و سفارشی‌ش کن… همین حالا شروع کن!
نمونه سوالات متداول (FAQ)
1. بهترین انتخاب‌کننده تاریخ برای بوت‌استرپ کدام است؟
Bootstrap Datepicker یکی از محبوب‌ترین پلاگین‌ها برای انتخاب تاریخ در بوت‌استرپ است که هم ساده و هم انعطاف‌پذیر است.
2. آیا می‌توان انتخاب‌کننده تاریخ را در تقویم فارسی استفاده کرد؟
بله، با استفاده از کتابخانه‌هایی مثل Bootstrap Persian Datepicker می‌توانید تقویم شمسی (جلالی) را به راحتی در پروژه خود اضافه کنید.
3. چطور انتخاب‌کننده تاریخ را در بوت‌استرپ نصب کنیم؟
کافی است فایل‌های CSS و JS مربوط به پلاگین انتخاب تاریخ را به پروژه اضافه کرده و با چند خط کد جاوااسکریپت آن را فعال کنید.
4. آیا امکان انتخاب محدوده تاریخ وجود دارد؟
بله، بسیاری از پلاگین‌ها قابلیت انتخاب محدوده تاریخ (Date Range Picker) را دارند که برای رزرواسیون‌ها و سیستم‌های رزرو بسیار کاربردی است.
5. چه تفاوتی بین Datepicker و Date Range Picker وجود دارد؟
Datepicker برای انتخاب یک تاریخ خاص به کار می‌رود، در حالی که Date Range Picker به شما اجازه می‌دهد بازه‌ای از تاریخ‌ها را انتخاب کنید.
-
پست قبلی cms چیست؟ چگونه با CMS وب سایت بسازیم؟ -
پست بعدی بهترین قالب‌های رایگان رزومه بوت استرپ جذاب و منحصر به فرد
پست های مرتبط
۱۴ اسفند
۱۰ آبان
ووکامرس یا پرستاشاپ دو افزونه قدرتمند سیستم محتوای وردپرس
ووکامرس یا پرستاشاپ هر دو از ابزارهای قدرتمند سیستم مدیریت محتوا در وردپرس می‌باشند. امروزه با توجه به گسترش فروشگاه های اینترنتی در دنیای مجازی…
ادامه مطلب
۱۶ مهر
دامنه news چیست؟ و برای چه سایت هایی مناسب است؟
معنی دامنه news یا خبر صرفاً برای وب سایت هایی که اخبار را به صورت آنلاین در اختیار کاربران قرار می دهند. این دامنه بیشترین…
ادامه مطلب
۱۰ مهر
دامنه top چیست؟ چرا باید دامنه تاپ را انتخاب کنیم؟
دامنه top یک دامنه عمومی سطح بالا می باشد. این دامنه توسط کمپانی جیانگ سو بنگینگ در چین مدیریت می شود. البته صرفا به نهادهای…
ادامه مطلب
۵ مهر
الگوریتم کبوتر گوگل چیست؟
الگوریتم کبوتر گوگل (Google Pigeon Algorithm) یکی از قدرتمندترین و عظیم ترین بروزرسانی های الگوریتم گوگل به منظور نمایش نتایج جستجو محلی و اجرای شده…
ادامه مطلب
۲۷ شهریور
افزونه وردپرس چیست؟ چرا از افزونه وردپرس استفاده می کنیم؟
افزونه وردپرس چیست؟ و چه نقشی را در وردپرس ایفا می کند؟ برای طراحی وب سایت وردپرس باید به خوبی انواع افزونه‌های آن را بشناسید.…
ادامه مطلب