پیشنهاد شگفت‌انگیز سبزلرن: 50% تخفیف برای دوره پروژه های تخصصی با جاوا اسکریپت برای بازار کار
مشاهده دوره
ثانیه
دقیقه
ساعت
روز
پرسش

چطور میشه از Datepicker در بوت‌ استرپ ۵ استفاده کرد؟

How can I use Datepicker in Bootstrap 5?

چطور میشه از Datepicker در بوت‌ استرپ ۵ استفاده کرد؟ بوت‌ استرپ ۵ به طور پیش‌فرض Datepicker داره یا باید یه کتابخانه جداگونه نصب کنم؟

 

1403/06/05
پاسخ
مهرشاد براتی برنامه نویس فول استک وب ،موبایل ،دستکاپ ،کارشناس ارشد مهندسی کامپیوتر نرم افزار
بیوگرافی مهرشاد براتی

سلام تو بوت‌ استرپ به طور پیش‌فرض Datepicker وجود نداره. یعنی باید از یه کتابخانه یا پلاگین جداگونه برای اضافه کردن تقویم (datepicker) استفاده کنی. خوشبختانه، چندتا کتابخانه خوب برای این کار وجود داره که میتونی به راحتی ازشون استفاده کنی. Bootstrap 5 Datepicker: این پلاگین که با بوت‌استرپ ۵ سازگاری داره، خیلی ساده و خوشگله.

میتونی با npm یا yarn این پلاگین رو نصب کنی

با npm:

npm install bootstrap5-datepicker

یا با yarn

yarn add bootstrap5-datepicker

بعد از نصب، باید فایل‌های CSS و JS پلاگین رو به پروژه اضافه کنی

import 'bootstrap5-datepicker/dist/css/bootstrap5-datepicker.min.css';
import 'bootstrap5-datepicker/dist/js/bootstrap5-datepicker.min.js';

دوتا دیگه ام نام میبرم هرکدوم رو خواستی داکیومنتشو برای استفاده مطالعه کن Flatpickr و React Datepicker ( برای ری اکت )

 

پاسخ: 1403/06/05
آخرین آپدیت: 1403/08/09