majidh1 / jalalidatepicker Goto Github PK
View Code? Open in Web Editor NEWA lightweight and simple jalali datepicker. powerful javascript datepicker with no dependencies
Home Page: https://majidh1.github.io/JalaliDatePicker/
License: MIT License
A lightweight and simple jalali datepicker. powerful javascript datepicker with no dependencies
Home Page: https://majidh1.github.io/JalaliDatePicker/
License: MIT License
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>
در حال حاضر اگر دو دانه input با data-jdp در یک صفحه باشد تنها value یک کدام کار میدهد. از شما خواهش میکنم که قابلیت اضافه نمودن چندین input با data-jdp های متفاوت را اضافه نمایید.
سلام و درود
اگر انتخاب زمان داشت واقعا فوق العاده میشد
اگر امکانش هست اضافه کنید
ممنون
زید اندیکس جدی پی کانتینر فعلاً به صورت انلاین استایل اضافه شده است و قیمتش 1000 میباشد. ما نیاز داریم که آنرا به 10,000 تبدیل کنیم ولی چون کلاس نیست نمیتوانیم اوررایت کنیم اگر لطف نمایید این را به کلاس تبدیل کنید ممنون میشویم
آقا مجید خیلی ممنون از این کدهای با صفاتون
بی زحمت چندتا مثال هم بزنید عالی میشه
البته من از اون فایل test اطلاعات رو تونستم تا حدودی متوجه بشم
ولی برای استفاده بهتر ممنون میشم یه چندتا نمونه مثل همون نمونه روزهای عید
اضافه کنید.
با تشکر
سلام و عرض ادب خدمت شما
من میخوام از این دیت پیکر تو یکی از صفحات فرم سایت وردپرسی استفاده کنم... میشه ساده توضیح بدین چطور و کجا کد ها و فایل ها رو جاگذاری کنم؟؟
با توجه به تعداد زیاد دولوپر های لاراول سلام اگه بشه به صورت پکیج لاراول در بیارید که با کامپوزر استفاده بشه خیلی خوب میشه
توی موبایل تغییر سال فرایند بسیار سختی هست. ترجیحا به صورت select option تغییر پیدا کنه
درود و وقت بخیر
ممنون از زحماتی که می کشید
یه باگ بسیار عجیب وجود داره - منم هرچی تو سورس کد گشتم نتونستم حلش کنم
باگ اینه:
سال 1403 کبیسه هست و اسفند رو باید 30 روز نشون بده ، ولی این اتفاق نمیفته و بجاش سال 1404 رو کبیسه در نظر میگیره و اسفندش 30 روزه!
نشون میده
در واقع کبیسه ها یک سال جلوتر هستند
بجای سال های 1403 - 1407 - 1411 و ... که باید اسفندشان 30 روزه باشد ، سال های 1404 - 1408 - 1412 اسفندشان 30 روزه است
ممنون میشم اگر این مشکل رو مرتفع کنید
وقت بخیر
یکسری تصویر از تقویم شما در صفحه معرفی استفاده کرده اید، برای استفاده از قالب ها باید دستی خودمون فایل css رو تغییر بدیم یا اینکهمیشه از آپشن ها استفاده کرد؟
درود
بخش انتخاب سال مشکل داره مثلا شما راحت نمیتونی کلیک کنی و به صورت دستی عددی را وارد کنید. همچنین اگر امکان انتخاب سال اضافه بشه خیلی خوب میشه
سلام . چطور میتونم این دیت پیکر رو داخل یک فرم که تو مدال هست باز کنم
از کانتینر هم استفاده کردم
اما جواب نداد
سلام
زمانی که ازتفاع صفحه ای که درون اون داریم دیت پیکر را استفاده میکنیم زیاد باشه و یکم اسکرول کنیم پس از کلیک داخل input دیت پیکر یک لحظه میاد و میره . اگر میلیمتری سمت چپ یا راست اینپوت کلیک کنیم نمایش داده میشه
منظورم اینه که دیت پیکر در هر شرایطی زیر اینپوت باید باز بشه ولی بعضی مواقع روی اینپوت باز میشه و این باعث میشه که در لحظه بسته بشه
سلام
چگونه وقتی تنها ساعت را نمایش می دهد، بگوییم فقط از ساعت مثلا 9 تا 12 را نمایش دهد
سلام به تمامی همکاران و دوستان عزیر
لطفا قبل از ارسال ایشو جهت پرسش لیست ایشو های بسته شده با لیبل سوال را مشاهده نمایید
لیست سوالات
و قبل از ارسال پیشنهاد لیست ایشوهای پیشنهادی را مشاهده نمایید
لیست ایشوهای پیشنهاد
ممنون از اینکه در پیشرفت و توسعه پروژه های متن باز همکاری میکنید.
ممنون بابت پکیچ خوبتون.
به نظرم خوب میشه اگه در تنظیمات امکان غیرفعالسازی تایپ دستی توسط کاربر رو اضافه کنیم.
در بسیاری از موارد که می خوایم سمت سرور تبدیل تاریخ رو انجام بدیم.انتظار یک فرمت استاندارد جلالی رو داریم که بتونیم تبدیل اش به میلادی کنیم.ولی ممکنه کاربر به صورت دستی یک متن نامرتبط در باکس تقویم مدنظر وارد کنه و کل فرآيند تبدیل و ثبت تاریخ در سمت سرور رو دچار اختلال می کند.مثلا یک متغییر به نام onlySelectByPicker که وقتی true قرارداده شد.کاربر نتونه دستی چیزی وارد کند و فقط باید از datepicker انتخاب کنه.
درود بر شما
امکان استفاده این تقویم در جنگو وجود داره ؟ من خیلی تلاش کردم ولی در قالبی که مقادیر آن از طریق فرم جنگو پر میشود نتوانستم از آن استفاده کنم
به اندازه کیبورد باز بالاتر از 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);
}
});
سلام ممنون بابت ساخت پلاگین خیلی خوب JalaliDatePicker یک سوال دارم که آیا میشه در کنار انتخاب تاریخ ساعت و دقیقه هم انتخاب کرد ؟
عملکرد autoHide به درستی انجام نمیشد، پس از مقداردهی مستقیم با مقدار True این مشکل رفع شد. به گمانم مقدار پیش فرض false تعریف شده است.
سلام،
موضوع اول اینکه من میخوام separator بین سال و ماه و روز رو از /
به -
عوض کنم یعنی 1401/05/06
به 06-05-1401
تغییر بدم.
و موضوع دوم اینکه میخوام وقتی صفحه لود شد یه تاریخی تو خود اینپوت دیتپیکر انتخاب شده باشه ترجیحا تاریخ همون روز باشه.
راهنمایی!!!
با سلام و وقت بخیر خدمت شما.
چطور می توانیم تقویم جلالی را در پروژه های ریکت جی اس، استفاده کنیم.؟
برای مثال چطور
import کنیم؟
لطفا اگ میشه روش استفاده از این رو در vue 3 توضیح دهید
اگه راهی داره راهنمایی کنید وگرنه بهش اضافه کنید خیلی این پکیج خوبه حیف اگه اینارو نداشته باشه @majidh1
سلام دوست عزیز . چگونه تغییر مقدار اینپوت را رصد کنیم؟
رویداد onChange کار نمی کند
با change جی گوئری هم تریگر نشد.
لطفا راهنمایی کنید با تشکر
وقتی روی دکمه امروز درون دیتپیکر کلیک شد میخوام زمان و تاریخ همون ساعت و روز رو انتخاب کنه ولی فقط تاریخ رو انتخاب میکنه و زمان رو 0 میزاره!
سلام، من میخوام برای 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, } },
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
ممنون
سلام ممنون بابت کار قشنگتون ولی بخش تبدیل زمان از شمسی به میلادی رو نداره و نمیخوام شمسی تو دیتا بیس ثبت بشه...
با سلام و خداقوت
قابلیت انتخاب چند زمان و همچنین قابلیت انتخاب یه محدوده از تاریخ رو هم اضافه کنید بی زحمت
کار بسیار عالیی هست، مشکلی که داره، در صفجه نمایش موبایل تقویم از صفحه ی موبایل خارج میشه و باید اسکرول افقی کرد.
سلام وقت بخیر
نحوه تنظیم تاریخ پیش فرض به هنگام 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 هم اضافه بشه که بتونیم حداکثر و حداقل سال انتخابی رو نسبت به سال جاری تعیین کنیم خیلی کاربردی میتونه باشه.
مثلا فقط تا ۳ سال آیده و تا ۲ سال قبل نسبت به سال جاری قابل انتخاب باشن.
چگونه می تونم تاریخ را با زذن یک دکمه باز کنم
با سلام و خسته نباشید،
طبق تصویر بالا، گویا که فایل package-lock.json
با یک نسخه قدیمی npm نوشته شده است و هر کاربری که قصد بیلد پکیج از سورسکد را داشته باشد با این warning و انتظار بعد از آن روبهرو میشود.
پیشنهاد من، آپدیت فایل package-lock.json
است. درصورت تایید و راهنمایی، شخصا نیز علاقهمند به انجام این کار هستم.
اطلاعات مربوطبه ورژن:
$ node -v
v18.0.0
$ npm -v
9.1.2
با سلام
ابزار بسیار زیبا و خوب کار شده، اگر زحمت بکشید و برای انتخاب تاریخ، زمانی که روی تاریخ کلیک می شود، ابزار فیلد ثانویه ای که برایش تعریف می شود را با تاریخ (و زمان) میلادی پر کند. قابلیت بسیار کاربردی است.
با تشکر از زحمات شما دوست عزیز و آرزوی موفقیت و پیشرفت
سلام وقتتون بخیر.ممنون بابت ساخت چنین پکیج فوق العاده ای ، میخواستم بپرسم امکان دیسیبل کردن برخی روزها وجود نداره؟؟
مثلا تنظیمات رو جوری اعمال کنیم که توی ماه فروردین ، برخی روز ها رو کاربر نتونه انتخاب کنه
How is it possible to display holidays on the calendar?
سلام وقت بخیر. میخواستم بدونم چطور میتونم maxDate رو قبل از باز شدن تقویم تغییر بدم مثلا تا 6 ماه بعد از today.متغیر today رو میشه ازش استفاده کرد و مثلا today.getMoth و today.setMoth کرد؟
سلام در زمانی که از فیلد زمان در modal استفاده میکنم لیست انتخاب ساعت و دقیقه بعد کلیل نمایش داده میشه و بلافاصله بسته میشه
.ولی اگر در صفحه اصلی استفاده بکنم این مشکل وجود نداره
با سلام
دکمه خالی هیچ گونه event ارسال نمیکنه تا متوجه تغیرات توی input شیم لطفا موقع خالی کردن input یا change بفرستید
سلام
اگر امکان دارد قابلیت نمایش تاریخ از امروز تا هفته آینده یا ماه آینده را داشته باشد (حالت شناور) و فقط در این بازه تاریخ را انتخاب کرد
سلام روزتون بخیر .
من از این فایلی که گزاشتید استفاده کردم همه چیش درسته فقط عدد سال رو برعکس نشون میده . 1402 رو 2041 نشون میده . مشکل از کجاست ؟به غیر این بقیه چیزاش اوکیه.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.