Giter VIP home page Giter VIP logo

majidh1 / jalalidatepicker Goto Github PK

View Code? Open in Web Editor NEW
369.0 369.0 59.0 966 KB

A lightweight and simple jalali datepicker. powerful javascript datepicker with no dependencies

Home Page: https://majidh1.github.io/JalaliDatePicker/

License: MIT License

JavaScript 77.74% HTML 5.52% SCSS 16.74%
datepicker iran iranian iranian-calendar jalali jalali-calendar jalali-date-picker jalali-datepicker jalalidatepicker persiandatepicker shamsi

jalalidatepicker's Introduction

Hi there 👋

🛠  Tech Stack

.Net  C#  SQL  ASP  EntityFramework  ...
JavaScript  Node.js  TypeScript  Angular  LESS  SASS  CSS  ...
Git  GitHub  Tfs  Azure 
Visual Studio  IntelliJ  Atom  Markdown  ...

📊 GitHub stats

Reg Chiu's github stats

Top Langs

☕ Let's Connect

GitHub LinkedIn Facebook Instagram

jalalidatepicker's People

Contributors

alisalehi1380 avatar aljvdi avatar hirbodbehnam avatar majidh1 avatar yeganehaym avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

jalalidatepicker's Issues

Change calendar theme

Thanks for developing this good library
How do I change theme? I did not see this in document

چگونگی تغیر فرمت نمایش

با سلام و تشکر بابت کار زیبایتان. خواستم سوال کنم آیا امکان تغیر فرمت نمایش تاریخ از / به : هست ؟ مثال:

1401:06:30 06:01:00

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

سلام
قصد استفاده از این ابزار در یک افزونه اختصاصی در صفحه ثبت یک فرم را دارم، فایل های JS و CSS به درستی فراخوانی شده منتها کار نمی کند.
داخل فایل html و حتی قالب وردپرس تست کردم جواب میده منتها نمیدونم مشکل کارم کجاست که داخل افزونه روی input مورد نظرم کلیک میکنم هیچ اتفاق خاصی رخ نمی دهد.
تصورم اینه ممکنه تداخل جیکوری باشه یا اینکه script و بایستی در افزونه به گونه ای خاص معرفی کنم.
در ادامه نحوه معرفی script هم قرار میدم ممنون میشم راهنماییم کنید.

<script type="text/javascript"> jalaliDatepicker.startWatch({ minDate: "attr", maxDate: "attr" }); </script>

انتخاب زمان

سلام و درود
اگر انتخاب زمان داشت واقعا فوق العاده میشد
اگر امکانش هست اضافه کنید
ممنون

z-index jdp-container از انلاین استایل به کلاس تبدیل شود

زید اندیکس جدی پی کانتینر فعلاً به صورت انلاین استایل اضافه شده است و قیمتش 1000 میباشد. ما نیاز داریم که آنرا به 10,000 تبدیل کنیم ولی چون کلاس نیست نمیتوانیم اوررایت کنیم اگر لطف نمایید این را به کلاس تبدیل کنید ممنون میشویم

نحوه استفاده

آقا مجید خیلی ممنون از این کدهای با صفاتون
بی زحمت چندتا مثال هم بزنید عالی میشه
البته من از اون فایل test اطلاعات رو تونستم تا حدودی متوجه بشم
ولی برای استفاده بهتر ممنون میشم یه چندتا نمونه مثل همون نمونه روزهای عید
اضافه کنید.
با تشکر

نحوه نصب و اجرا در فرم وردپرس

سلام و عرض ادب خدمت شما
من میخوام از این دیت پیکر تو یکی از صفحات فرم سایت وردپرسی استفاده کنم... میشه ساده توضیح بدین چطور و کجا کد ها و فایل ها رو جاگذاری کنم؟؟

باگ در سال کبیسه

درود و وقت بخیر
ممنون از زحماتی که می کشید

یه باگ بسیار عجیب وجود داره - منم هرچی تو سورس کد گشتم نتونستم حلش کنم

باگ اینه:
سال 1403 کبیسه هست و اسفند رو باید 30 روز نشون بده ، ولی این اتفاق نمیفته و بجاش سال 1404 رو کبیسه در نظر میگیره و اسفندش 30 روزه!
نشون میده
در واقع کبیسه ها یک سال جلوتر هستند
بجای سال های 1403 - 1407 - 1411 و ... که باید اسفندشان 30 روزه باشد ، سال های 1404 - 1408 - 1412 اسفندشان 30 روزه است
ممنون میشم اگر این مشکل رو مرتفع کنید

نحوه استفاده از قالب ها تقویم

وقت بخیر
یکسری تصویر از تقویم شما در صفحه معرفی استفاده کرده اید، برای استفاده از قالب ها باید دستی خودمون فایل css رو تغییر بدیم یا اینکهمی‌شه از آپشن ها استفاده کرد؟

انتخاب/تغییر سال

درود
بخش انتخاب سال مشکل داره مثلا شما راحت نمیتونی کلیک کنی و به صورت دستی عددی را وارد کنید. همچنین اگر امکان انتخاب سال اضافه بشه خیلی خوب میشه

مشکل نمایش

سلام

زمانی که ازتفاع صفحه ای که درون اون داریم دیت پیکر را استفاده میکنیم زیاد باشه و یکم اسکرول کنیم پس از کلیک داخل input دیت پیکر یک لحظه میاد و میره . اگر میلیمتری سمت چپ یا راست اینپوت کلیک کنیم نمایش داده میشه

منظورم اینه که دیت پیکر در هر شرایطی زیر اینپوت باید باز بشه ولی بعضی مواقع روی اینپوت باز میشه و این باعث میشه که در لحظه بسته بشه

محدود کردن ساعت

سلام
چگونه وقتی تنها ساعت را نمایش می دهد، بگوییم فقط از ساعت مثلا 9 تا 12 را نمایش دهد

📌لطفا قبل از ثبت ایشو این بخش را مطالعه کنید⭐

سلام به تمامی همکاران و دوستان عزیر

لطفا قبل از ارسال ایشو جهت پرسش لیست ایشو های بسته شده با لیبل سوال را مشاهده نمایید
لیست سوالات
و قبل از ارسال پیشنهاد لیست ایشوهای پیشنهادی را مشاهده نمایید
لیست ایشوهای پیشنهاد

ممنون از اینکه در پیشرفت و توسعه پروژه های متن باز همکاری میکنید.

امکان غیرفعالسازی تایپ دستی توسط کاربر

ممنون بابت پکیچ خوبتون.
به نظرم خوب میشه اگه در تنظیمات امکان غیرفعالسازی تایپ دستی توسط کاربر رو اضافه کنیم.
در بسیاری از موارد که می خوایم سمت سرور تبدیل تاریخ رو انجام بدیم.انتظار یک فرمت استاندارد جلالی رو داریم که بتونیم تبدیل اش به میلادی کنیم.ولی ممکنه کاربر به صورت دستی یک متن نامرتبط در باکس تقویم مدنظر وارد کنه و کل فرآيند تبدیل و ثبت تاریخ در سمت سرور رو دچار اختلال می کند.مثلا یک متغییر به نام onlySelectByPicker که وقتی true قرارداده شد.کاربر نتونه دستی چیزی وارد کند و فقط باید از datepicker انتخاب کنه.

قابلیت استفاه در جنگو

درود بر شما
امکان استفاده این تقویم در جنگو وجود داره ؟ من خیلی تلاش کردم ولی در قالبی که مقادیر آن از طریق فرم جنگو پر میشود نتوانستم از آن استفاده کنم

Write Event When Change Date in Input

Hi @majidh1
thanks for Your Package.
I am using this date picker in WordPress Plugins.
How to write an event when change or select a day from the user in Jquery For Example:

jalaliDatepicker.startWatch({
    'select': function(value){
    $('#another_input').val(value);
    }
});

مشکل در autoHide

عملکرد autoHide به درستی انجام نمیشد، پس از مقداردهی مستقیم با مقدار True این مشکل رفع شد. به گمانم مقدار پیش فرض false تعریف شده است.

autoinitialize متد تغییر جداکننده و

سلام،
موضوع اول اینکه من میخوام separator بین سال و ماه و روز رو از / به - عوض کنم یعنی 1401/05/06 به 06-05-1401 تغییر بدم.

و موضوع دوم اینکه میخوام وقتی صفحه لود شد یه تاریخی تو خود اینپوت دیتپیکر انتخاب شده باشه ترجیحا تاریخ همون روز باشه.
راهنمایی!!!

استفاده در پروژه های React

با سلام و وقت بخیر خدمت شما.
چطور می توانیم تقویم جلالی را در پروژه های ریکت جی اس، استفاده کنیم.؟
برای مثال چطور
import کنیم؟

رویداد OnChange کار نمی کند

سلام دوست عزیز . چگونه تغییر مقدار اینپوت را رصد کنیم؟
رویداد onChange کار نمی کند
با change جی گوئری هم تریگر نشد.
لطفا راهنمایی کنید با تشکر

انتخاب تاریخ و زمان با دکمه امروز

وقتی روی دکمه امروز درون دیتپیکر کلیک شد میخوام زمان و تاریخ همون ساعت و روز رو انتخاب کنه ولی فقط تاریخ رو انتخاب میکنه و زمان رو 0 میزاره!

چطور برای input های مختلف شخصی سازی کنیم؟

سلام، من میخوام برای input های مختلفی استفاده کنم ولی خب وقتی از startWatch استفاده میکنم نمیشه.

مثلا:
//برای فرم معمولی

jalaliDatepicker.startWatch({

    minDate: 'attr',
    maxDate: 'attr',
    container: 'body'
});

// برای مودال

jalaliDatepicker.startWatch( {
    zIndex: 1055,
    minDate: "attr",
    maxDate: "attr",
    container: "body .modal.show",
    selector: '.modal input[data-jdp]'
});

یا مثلا تم های مختلف برای input های مختلف ؟

مشخص کردن تمامی تعطیلات رسمی

سلام
سپاس بابت کار بسیار زیباتون
چطور میتونم تمامی تعطیلات رسمی را با رنگ قرمز به مانند جمعه ها نمایش بدم؟
من به این شکل عمل میکنم ولی خب یجورایی فقط خط آخر کد رو برای تمام ماهها اعمال میکنه
dayRendering: function (dayOptions, input) { return { isHollyDay: dayOptions.month === 1 && dayOptions.day <= 4 || dayOptions.day === 13, isHollyDay: dayOptions.month === 2 && dayOptions.day === 3 || dayOptions.day === 13 || dayOptions.day === 14, isHollyDay: dayOptions.month === 3 && dayOptions.day === 14 || dayOptions.day === 15, isHollyDay: dayOptions.month === 4 && dayOptions.day === 19 || dayOptions.day === 27, isHollyDay: dayOptions.month === 5 && dayOptions.day === 16 || dayOptions.day === 17, isHollyDay: dayOptions.month === 6 && dayOptions.day === 26, isHollyDay: dayOptions.month === 7 && dayOptions.day === 3 || dayOptions.day === 5 || dayOptions.day === 13, } },

test/test.html has a small problem with names

Greetings...

pretty awesome tool you've built , many thanks 👍 🥇

just noticed sth about test/test.html file , you have :

<script src="../dist/jalaliDatepicker.js"></script> <link rel="stylesheet" href="../dist/jalaliDatepicker.css" />

with your current file names , feels like it should be :

<script src="../dist/jalalidatepicker.js"></script> <link rel="stylesheet" href="../dist/jalalidatepicker.css" />


Thought it might be a pity if folks can't see the awesome example works properly , They might ignore the whole package...
keep up with the good work :*

استفاده در وردپرس

سلام و خدا قوت
من افزونه فرم ساز formidable form رو در وردپرس نصب کردم . خودش یک فیلد datepicker داره ولی شمسی نیست .
ایا امکانش هست که تبدیل به شمسی بشه datepicker
ممنون

عدم تبدیل به میلادی

سلام ممنون بابت کار قشنگتون ولی بخش تبدیل زمان از شمسی به میلادی رو نداره و نمیخوام شمسی تو دیتا بیس ثبت بشه...

مشکل در صفحه نمایش موبایل

کار بسیار عالیی هست، مشکلی که داره، در صفجه نمایش موبایل تقویم از صفحه ی موبایل خارج میشه و باید اسکرول افقی کرد.

پاک نشدن تقویم

سلام چرا وقتی تاریخ و زمان همزمان فعال هستند پس از انتخاب تاریخ تقویم همچنان روی صفحه میمونه و پاک نمیشه؟
Uploading Screenshot 2023-11-12 111458.jpg…

نحوه تنظیم تاریخ انتخاب شده

سلام وقت بخیر
نحوه تنظیم تاریخ پیش فرض به هنگام Load صفحه (از مقدار value خود input بخونه) یا جایی دیگه بهش دارد به چه صورت عمل میکنه؟
من با initDate هم به صورت میلادی و شمسی به صورت option در jalaliDatepicker.startWatch قرار دادم نشد و مقدار پیش فرض رو نمایش نداد.
ممنون میشم راهنمایی کنید.

    jalaliDatepicker.startWatch({
        initDate: new Date("2015-03-25"),
    });

    jalaliDatepicker.startWatch({
        initDate: "2015/03/25"
    });

    jalaliDatepicker.startWatch({
        initDate: "1379/03/02"
    });

اضافه کردن حداکثر و حداقل سال قابل انتخاب

آپشن های minDate و maxDate به چه صورت کار میکنن؟
دقیقا چجوری میتونیم حداکثر سال رو با این ۲ تا پارامتر تنظیم کنیم؟ ممنون میشم مثال بزنید.
و این که اگر آپشن هایی مثل futureYears و passedYears هم اضافه بشه که بتونیم حداکثر و حداقل سال انتخابی رو نسبت به سال جاری تعیین کنیم خیلی کاربردی میتونه باشه.
مثلا فقط تا ۳ سال آیده و تا ۲ سال قبل نسبت به سال جاری قابل انتخاب باشن.

updating package-lock.json

با سلام و خسته نباشید،

image

طبق تصویر بالا، گویا که فایل package-lock.json با یک نسخه قدیمی npm نوشته شده است و هر کاربری که قصد بیلد پکیج از سورس‌کد را داشته باشد با این warning و انتظار بعد از آن روبه‌رو می‌شود.

پیشنهاد من، آپدیت فایل package-lock.json است. درصورت تایید و راهنمایی، شخصا نیز علاقه‌مند به انجام این کار هستم.

اطلاعات مربوط‌به ورژن:

$ node -v
v18.0.0

$ npm -v
9.1.2

درج تاریخ میلادی در فیلد ثانویه

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

امکان دیسیبل کردن انتخاب برخی تاریخ ها

سلام وقتتون بخیر.ممنون بابت ساخت چنین پکیج فوق العاده ای ، میخواستم بپرسم امکان دیسیبل کردن برخی روزها وجود نداره؟؟
مثلا تنظیمات رو جوری اعمال کنیم که توی ماه فروردین ، برخی روز ها رو کاربر نتونه انتخاب کنه

holiday

How is it possible to display holidays on the calendar?

بدست آوردن مقدار today

سلام وقت بخیر. میخواستم بدونم چطور میتونم maxDate رو قبل از باز شدن تقویم تغییر بدم مثلا تا 6 ماه بعد از today.متغیر today رو میشه ازش استفاده کرد و مثلا today.getMoth و today.setMoth کرد؟

مشکل در انتخاب زمان

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

خطا در event دکمه خالی کردن

با سلام

دکمه خالی هیچ گونه event ارسال نمیکنه تا متوجه تغیرات توی input شیم لطفا موقع خالی کردن input یا change بفرستید

نمایش تاریخ حالت شناور

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

نمایش سال در jalalidatepicker

سلام روزتون بخیر .
من از این فایلی که گزاشتید استفاده کردم همه چیش درسته فقط عدد سال رو برعکس نشون میده . 1402 رو 2041 نشون میده . مشکل از کجاست ؟به غیر این بقیه چیزاش اوکیه.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.