تجربه استفاده از Date Picker فارسی و تاریخ شمسی

همین تازگیا داشتم رو ی پروژه ای کار میکردم که به شدت نیاز به یه Date Picker فارسی با تاریخ شمسی داشتم. شروع کردم به گشتن اما چیز درست حسابی گیرم نیومد؛ یا درست کار نمیکردن یا ظاهر دهه شصتی و JQueryUI و از این داستانا. همچنان داشتم به در بسته میخوردم که ی چیزی دیدم به اسم Date Picker آقای باباخانی! اولش با توجه به اسمش و این که کلی گشته بودمو و اینو ندیده بودم فکر کردم ی چیز ذوقیه و طرف نشسته تفریحی نوشتتش اما وقتی دیدمش نظرم کاملا عوض شد چون اسمش Persian Date Picker بود ( چه ربطی داره آخه 😁) و نه تنها ذوقی و الکی نبود بلکه شاید بشه گفت حرفه ای ترین Date Picker شمسی هستش.

نمونه خام اولیه
نمونه خام اولیه

اگر شما هم با دیدن ظاهر خام و اولیه نه چندان درست حسابیش نا امید شدید و محتاج کیسه استفراغ (البته دیگه اونقدرا هم داغون نیست 😅) باید بگم سخت در اشتباهید؛ چون دقیقا مزیتش تو همین سادگیشه!!!
آقای باباخانی به قدری این محصول رو پویا و قابل شخصی سازی ساختن که با کمی ور رفتن باهاش میتونید به مطلوبتون برسید. انواع آپشن ها و Event Handler ها تعبیه شده و درباره ظاهرش هم چون خامه و البته با هیچ فریم ورک خاصی هم درست نشده با کمی CSS بازی میتونید به هر چیزی که میخواید تبدلیش کنید.

چیزی که من میخواستم و این Date Picker به خودی خود نداشت یه ظاهر درست حسابی + نشون دادن تعطیلات رسمی و جمعه ها به رنگ قرمز بود که با یکم ور رفتن به این رسیدم:

نمونه شخصی سازی شده
نمونه شخصی سازی شده

اگر شما هم میخواید همچین چیزی داشته باشید( البته بدون یکسری محدودیت های مقتضی پروژه من مثلا عدم امکان انتخاب قبل از امروز و بعد از یک ماه بعد) اول style.css بعدا holidays.js و در آخر script.js رو به پروژتون اضافه کنید(تعطیلات رسمی غیر جمعه تا آخر سال ۱۴۰۰ هستش).
فقط یه نکته: یا HTML ID اون فیلدی که تقویم رو برای اون میخواید رو date بزارید یا خطوط ۲ و ۳ script.js رو ویرایش کنید.

سه تا فایل مذکور رو توی یدونه GitHub Gist گذاشتم اگر لینک اونو میخواید این لینک هستش و اگر میخواید هرسه رو باهم دانلود کنید اینجا رو کلیک کنید.

البته توجه دارید که اول باید Date Picker آقای باباخانی و پیشنیاز های اونو به پروژتون اضافه کنید بعد این فایلارو.

در ضمن یک انتقادی هم به محصول ایشون داشتم که یک ابزاری به این بی نظیری و کمال بهتره که وابسته به JQuery نباشه که علی الظاهر تو نسخه جدید در حال توسعه نه تنها این وابستگی برداشته شده، بلکه پشتیبانی رسمی از VueJs, AngularJS و ReactJS هم وعده داده شده! دیگه بهتره از این نمیشه!

برای اینکه بدونید چه طور با این Date Picker کار میکنن و بیشتر راجع بهش بدونید میتونید به صفحه گیت هابش برید و همچنین اگر میخواید با آقای باباخانی و محصولات واقعا خوب دیگش مثل ابزار بی نظیرPersian Date که پیشنیاز این Date Picker هم هست آشنا بشید میتونید به گیت هاب ایشون برید.

اگر یه سَری به محصولات ایشون بزنید و کمی تو وادی برنامه نویسی و اینا باشید میبینید که واقعا کامل و عالی و بی نقص و در تراز جهانی هستن. ساختن اینا برای یک برنامه نویس هیچ امکانات خاصی نمیخواد و اگر تلاش کنیم میتونیم همچین ابزار های مفیدی بسازیم که هم به جامعه متن باز کمک کرده باشیم هم افتخاری برای کشورمون باشه و هم مشکلات مردم رو حل کنیم و مطمئن باشیم برای موقعیت شغلی و استخدام و ... خودمون هم بهترین استفاده رو ازش میتونیم بکنیم. پس به جای ما جهان سومیم و ما بدبختیم و ما نمیتونیم؛حداقل حقیقت رو بگیم که ما تنبل هستیم.

🔗 لینک کوتاه: mwxg.ir/4