همین تازگیا داشتم رو ی پروژه ی فارسی سازی یک قالب کار میکردم که به شدت نیاز به یک دیتاپیکر با تقویم فارسی و قابلیت انتخاب تاریخ در بازه زمانی داشتم. شروع کردم به گشتن اما متاسفانه در سایت های فارسی که چیزی پیدا نکردم و در سایت های انگلیسی پلاگین های خوبی داشتند اما تقویم میلادی بودند یا در نسخه های موبایل ریسپانسیو نبودند تا اینکه بعد از کلی سرچ در سایتgithub.com صفحه گیت هاب آقای سعید رنجبر چیزی که تا چند روز دنبالش بودم پیدا کردم فایلjs ای که تقویم میلای تقویم های دیتاپیکر را به شمسی تبدیل می کرد :
https://github.com/saeidrnb/Persian-DateRangePicker
شما برای ساخت این تقویم فارسی کافیست فایل هایی که براتون میزارم را از لینک زیر دانلود و در پروژه خود آپلود کنید این پلاگین برای انتخاب بازه زمانی (تاریخ و زمان) متفاوت و نامحدود قابل استفاده است :
https://fixdevelop.com/uploads/DateRangePicker-Persian/Persian-DateRangePicker-master.zip
باید فایل های اصلی زیر را در قسمت فایل های js و css پروژه خود ایمپورت کنید :
daterangepicker-fa-ex.js
moment.min.js
moment-jalaali.js
bs-daterange-picker-init.js
CSS
datepicker-theme.css
daterangepicker.css
من دو نسخه براتون گذاشتم نسخه اول در پوشه Persian-DateRangePicker-master-1 تقویمی است که من در پروژه خودم استفاده کردم و نسخه دوم در پوشه Persian-DateRangePicker-master-2 فایل های آقای سعید رنجبر است،
همچنین میتوانید از صفحه گیت هاب آقای سعید رنجبر فایل ها را هم دانلود کنید البته جناب رنجبر خیلی گسترده تر با کلی امکانات کاربردی تر در فایل picker.html توضیحات لازم را داده اند.
اگربخواید با آقای رنجبر و محصولات واقعا خوب دیگشون آشنا بشید میتونید به گیت هاب ایشون یه سر بزنید.
input-daterange-datepicker
input-daterange-timepicker
input-limit-datepicker
البته این نام ها دلخواه است و شما هر اسم دیگری میتوانید انتخاب کنید اما در صورتی که این اسم ها رو تغییر دادید حتما در فایل bs-daterange-picker-init.js نیز تغییر دهید در غیر اینصورت پلاگین کار نمی کند همچنین در این فایل آپشن هایی که تقویم شما را جذاب تر و کاربردی تر می کند قرار دادم که در صورت عدم نیاز میتوانید حذف کنید.
از لینک زیر نیز نسخه میلادی و سایر آپشن های کاربردی این پلاگین را در صورت تمایل مطالعه فرمایید:
https://www.daterangepicker.com/#options
موفق باشید
