خرید هاست اشتراکی با تخفیف 15% (کد Saba15) برای دوره شش ماهه و یک ساله

DateRangePicker فارسی سازگار با تاریخ شمسی

دیتاپیکر فارسی سازگار با تاریخ شمسی | آموزش استفاده از Date Picker شمسی در جاوااسکریپت | تقویم شمسی جی کوئری | ساخت تقویم فارسی با جاوا اسکریپت | انتخاب تاریخ شمسی در jQuery

  5 امتیاز، بر اساس 5 رای

استفاده از تقویم فارسی در  DateRangePicker(انتخاب تاریخ در بازه زمانی)

همین تازگیا داشتم رو ی پروژه ی فارسی سازی یک قالب کار میکردم که به شدت نیاز به یک دیتاپیکر با تقویم فارسی و قابلیت انتخاب تاریخ در بازه زمانی داشتم. شروع کردم به گشتن اما متاسفانه در سایت های فارسی که چیزی پیدا نکردم و در سایت های انگلیسی پلاگین های خوبی داشتند اما تقویم میلادی بودند یا در نسخه های موبایل ریسپانسیو نبودند تا اینکه بعد از کلی سرچ در سایتgithub.com  صفحه گیت هاب آقای سعید رنجبر چیزی که تا چند روز دنبالش بودم پیدا کردم فایلjs  ای که تقویم میلای تقویم های دیتاپیکر را به شمسی تبدیل می کرد :

https://github.com/saeidrnb/Persian-DateRangePicker

نسخه فارسی DateRangePicker

شما برای ساخت این تقویم فارسی کافیست فایل هایی که براتون میزارم را از لینک زیر دانلود و در پروژه خود آپلود کنید این پلاگین برای انتخاب بازه زمانی (تاریخ و زمان) متفاوت و نامحدود قابل استفاده است  :

https://fixdevelop.com/uploads/DateRangePicker-Persian/Persian-DateRangePicker-master.zip

من دو نسخه براتون گذاشتم نسخه اول در پوشه Persian-DateRangePicker-master-1 تقویمی است که من در پروژه خودم استفاده کردم و نسخه دوم در پوشه  Persian-DateRangePicker-master-2 فایل های آقای سعید رنجبر است،

همچنین میتوانید از صفحه گیت هاب آقای سعید رنجبر فایل ها را هم دانلود کنید البته جناب رنجبر خیلی گسترده تر با کلی امکانات کاربردی تر در فایل picker.html  توضیحات لازم را داده اند.

همچنین اگربخواید با آقای رنجبر و محصولات واقعا خوب دیگشون آشنا بشید میتونید به گیت هاب ایشون یه سر بزنید.

نکته : حتمای این کلاس هایی که در تگ input قرار دادم دقت کنید :

input-daterange-datepicker

input-daterange-timepicker

input-limit-datepicker

البته این نام ها دلخواه است و شما هر اسم دیگری میتوانید انتخاب کنید اما در صورتی که این اسم ها رو تغییر دادید حتما در فایل bs-daterange-picker-init.js نیز تغییر دهید در غیر اینصورت پلاگین کار نمی کند همچنین در این فایل آپشن هایی که تقویم شما را جذاب تر و کاربردی تر می کند قرار دادم که در صورت عدم نیاز میتوانید حذف کنید.

در لینک زیر هم نسخه میلادی و سایر آپشن های کاربردی این پلاگین را مشاهده کنید :

https://www.daterangepicker.com/#options

اگر می خواهید اطلاعات بیشتری کسب کنید با ما در تماس باشید

در توسعه پردازان(FixDevelop) ما به تعدادی از مشتریان خود در زمینه های طراحی سایت و اپلیکیشن موبایل، طراحی لوگو، خدمات سئو و بهینه سازی کمک کرده ایم تا با گسترش کسب و کار خود بتوانند جایگاه بهتری در دنیای اینترنت داشته باشند.

نظر خود را برای این مقاله ثبت کنید