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

DateRangePicker فارسی

DateRangePicker-فارسی

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

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

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

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) ما به تعدادی از مشتریان خود در زمینه های طراحی سایت و اپلیکیشن موبایل، طراحی لوگو، خدمات سئو و بهینه سازی کمک کرده ایم تا با گسترش کسب و کار خود بتوانند جایگاه بهتری در دنیای اینترنت داشته باشند.

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