یک DatePicker فارسی سازگار با تاریخ شمسی js و css


یک DatePicker فارسی سازگار با تاریخ شمسی js و css

Mh1PersianDatePicker با تاریخ شمسی سازگار است و سورس کامل آن برای شما در دسترس هست، تا بتوانید راحتتر آن را تغییر دهید. برای مشاهده این Jalali DatePicker به ادامه مطلب توجه کنید


برای استفاده از نسخه جدید DatePicker جلالی می‌توانید به لینک مراجعه کنید.

https://github.com/majidh1/JalaliDatePicker

با زبان جاوااسکریپت نوشته شده است و نیازی به jQuery و غیره ندارد.
سبک و کم حجم است
طراحی مدرن و مناسب برای هر وبسایتی دارد  و کاملا قابل شخصی سازی است

سورس این DatePicker برای شما در لینک زیر قرارداده شده است

سورس

دمو

نسخه جدید: https://github.com/majidh1/JalaliDatePicker


یک DatePicker فارسی سازگار با تاریخ شمسی js و css
4.1/1
4.1
15
5
1

برای استفاده از تمامی امکانات وارد شوید

ارسال دیدگاه

دیدگاه ها

mehman

|

1399/11/11

با تشکر از کاری که انجام دادین من استفاده کردم توی یکی از پروژه‌هام و خیلی ساده و سریع هست

پاسخ به این دیدگاه
انصراف
nazari

|

1400/1/10

ممنون. فقط توی نسخه جدید JalaliDatePicker امکانش هست دکمه های پایین datepicker رو غیر فعال کنیم؟

پاسخ به این دیدگاه
انصراف

میتوانید از تنظیمات showTodayBtn و showEmptyBtn استفاده کنید این دو مقدار اولیه true دارند. البته پیشنهاد میکنم به صفحه github برید و readme رو مطالعه کنید

مجید هوشیار | 1400/1/10

alijamshidi

|

1400/1/23

سلام و عرض ادب.من چگونه از Date pickerدر Asp.net mvc 5 استفاده کنم و روی Layout تاثیر نگذارد.ممنون

پاسخ به این دیدگاه
انصراف

اگه منظورتون اینه که نمیخوای فایل js رو توی layout لود کنی میتونی توی صفحه ای که میخواهی استفاده کنی فایل js رو لود کنی و کد مربوط به start رو بزنی میتونی از این لینک دموی استفاده رو ببینی https://majidh1.github.io/JalaliDatePicker/ بهت پیشنهاد میکنم سورس این دمو رو ببین خیلی کمکت میکنه

مجید هوشیار | 1400/1/25

درود.سپاس از پاسخ تان.مشکل این بود که چگونه در فرم استفاده کنم.به این شکل استفاده کردم.کار می کند ولی از لحاظ اصولی نمیدانم درست هست یا نه؟@Html.EditorFor(model => model.DateDone, new { htmlAttributes = new {@onclick = "Mh1PersianDatePicker.Show(this,'1400/02/02',window.holidays)"/* @class = "form -control"*/ } })

جمشید | 1400/2/5 -

سوال دوم اینکه برای از تاریخ تا تاریخ باید چکار کنم؟

جمشید | 1400/2/5 -

این لینک رو نگاه کن http://www.radoo.ir/G/Back-End-Programming/146

مجید هوشیار | 1400/2/6 -

hata6417

|

1400/10/2

سلام بسیار ممنونم بابت زحمتتون. این تایم پیکر خیلی عالیه و کار باهاش ساده است. اما یه سوال: آیا راهی هست که تایم پیکر (به جای کلیک داخل input) با کلیک رو یک icon یا هر element دیگه ای نمایش داده بشه و بعد از انتخاب تاریخ, تاریخ انتخاب شده داخل یک input (که مد نظر ماست) وارد بشه؟

پاسخ به این دیدگاه
انصراف

برای اینکار بهترین حالت اینه که با کلیک بر روی آیکون فکوس کنید روی اینپوت مربوطه تا دیتپیکر باز بشه و ux خوبی داشته باشید. کلا به دو روش میشه دیتپیکر رو باز کرد اولی متد show دومی focus روی input

مجید هوشیار | 1400/10/9

hata6417

|

1401/5/16

از خدمتتون پرسیدم "راهی هست که پنجره تایم پیکر با کلیک رو یک element دیگه نمایش داده بشه؟"فرمودید input رو focus کنم. ولی وقتی با دستور js اون input فوکاس میشه تایم پیکر نمایش داده نمیشه.راه 2 فرمودید استفاده از متد show تو رویداد کلیک element مورد نظره. متد show یه آرگومان به اسم input داره منظور آدی input موردنظره؟

پاسخ به این دیدگاه
انصراف

این لینک رو ببین نمونه واست زدم. https://jsfiddle.net/c0jb3pa4/1

سامان معتکف | 1401/6/6 -

دمت گرم مهندس ولی نمیدونم چرا نمیتونم لینک رو باز کنم. expire شده؟

هادی تاج | 1401/7/9 -

hassan1373

|

1402/8/22

سلام امکانش هست فقط چند روز خاص قابل انتخاب باشه مثال من تاریخ ده روز مختلف رو بهش بدم و فقط این روزها قابل انتخاب باشه

پاسخ به این دیدگاه
انصراف

بله این امکان وجود داره لطفا نمونه‌های https://codepen.io/collection/wajWMo مشاهده کنید

مجید هوشیار | 1402/8/23

hassan1373

|

1402/8/24

من این https://codepen.io/collection/wajWMo رو مشاهده کردم ولی این ویژگی که من میخوام رو نداره. من میخوام خودم ورودی مثلا ۲۰ روز مختلف رو با فرمت 1402-04-22 بهش بدم و فقط این روزها فعال و قابل انتخاب باشه

پاسخ به این دیدگاه
انصراف

برای این کار لطفا نمونه زیر را مشاهده کنید https://jsfiddle.net/c9t4m60p/

مجید هوشیار | 1402/9/15

smmbeheshti

|

1402/9/6 -

سلام، به عنوان مثال امکان داره فقط 2 جمعه قبلی و 3 جمعه بعدی رو برای کاربر قابل انتخاب بزاریم؟

پاسخ به این دیدگاه
انصراف

برای این کار لطفا نمونه زیر را مشاهده کنید https://jsfiddle.net/c9t4m60p/

مجید هوشیار | 1402/9/15

purya1414

|

1402/9/7 -

خیلی عالی و سریع است ولی من میخوام روز های 5 شنبه و جمعه رو کاری کنم که disable باشه و نشه انتخاب کرد برای اینکار چکار میتونم انجام دهم ؟

پاسخ به این دیدگاه
انصراف

برای این کار لطفا نمونه زیر را مشاهده کنید https://jsfiddle.net/c9t4m60p/

مجید هوشیار | 1402/9/15