اول بیاییم بررسی کنیم که یک تقویم شمسی خوب چه ویژگی هایی دارد
استفاده از آن ساده است
در هر فریمورک و زیرساختی مانند ریاکت(ReactJS)، انگولار(Angular)، وردپرس و... کار میکند
مقدار ورودی کاربر را صحت سنجی میکند
ریسپانسیو است و با صفحات موبایل و تاچ به خوبی کار میکند.
از صفحات تاچ و gesture های تاچ پشتیبانی میکند
از کیبورد به خوبی پشتیبانی میکند و میتوان به راحتی تاریخ را در آن تایپ کرد
تاریخ میلادی را هم برای موارد خاص ساپورت میکند
ظاهر آن قابل تغییر و شخصی سازی مطابق شکل ظاهری پروژه است.
برای استفاده از یک تقویم جلالی خوب (jalali date picker) که تمام موارد بالا را ساپورت کند از jb-date-input استفاده خواهیم کرد.
برای استفاده از این تقویم شمسی ابتدا باید فایل جاوا اسکریپت آن را به پروژه اضافه کنیم.
دو راه برای این کار وجود دارد یکی به کمک npm در پروژه هایی که به آن دسترسی داریم و یکی هم با اضافه کردن اسکریپت موجود در CDN برای وردپرس یا صفحات ساده html که به npm درسترسی ندارند.
ابتدا پکیج را نصب میکنیم:
npm i jb-date-input
سپس اسکریپت آن را import میکنیم
import "jb-date-input"
حالا در جایی که میخواهید پیکر تاریخ را اضافه کنید تنها کافیست تگ jb-date-input را اضافه کنید
<jb-date-input />
حالا تقویم شمسی شما آماده استفاده است.
برای کسب اطلاعات بیشتر راجع به کامپوننت تقویم و استفاده از تمام ابزار های آن توصیه میکنم حتما مستندات آن را از این آدرس مطالعه کنید: https://github.com/javadbat/jb-date-input
همچنین برای دیدن نمونه های استفاده آماده در وب برای الگو گیری میتوانید از لینک های زیر بازدید نمایید
https://javadbat.github.io/design-system/?path=/docs/components-form-elements-inputs-jbdateinput
