behzadi / persiandatepicker Goto Github PK

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

سلام، چطوری می‌تونم بعد از ثبت تاریخ در دیتابیس برای نمایش تاریخ فرمت را تغییر بدم مثلا 24 تیر 1396 درحالیکه الان به این صورت است:‌ 24/6/96

متشکرم

Hi and tanx for your work
please add setDate for set default date

سلام
زمانی که فایل را داخل پیج لود میکنم
با Insepct گرفتن مشخص میشه
datepicker رو نمیشناسه.
ممنون میشم راهنمایی کنید.

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

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

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

`$("#fromDateInput").persianDatepicker({
onSelect: function () {

                debugger;
                alert($('#fromDateInput').val());
                startDateSection = $('#fromDateInput').val();
                
                var p = new persianDate();
                $("#endDateInput").persianDatepicker({
                    startDate: $("#fromDateInput").val(),
                    endDate:p.now().addYear(1),
                });
                $("#endDateInput").val();
            }
        });`

من کد بالارو استفاده کردم . :p.now() رو نمیشناسه .

سلام وقت بخیر
من میخوام دو تا دیت پیکر کنار هم داشته باشم به صورتی که اولی تاریخ شروع باشه دومی تاریخ پایان
اما میخام تاریخ پایان رو نتونه از تاریخ شروع کمتر بزنه کاربر
یعنی یه چیزی تو این مایه ها:

startDate: $("#shoro").val(),

یعنی برای تاریخ پایان نتونه از تاریخ شروع کمتر انتخاب کنه

اما مسئله ای که هست اینه که این پلاگین داره با لود صفحه کال میشه و من نمیتونی تاریخ شروع رو بعد از لود صفحه بفرستم برای این مقدار startdate

ممنون میشم راهنمایی کنید چجوری میتونم همچین کاری بکنم

با سلام
در هنگامی که input
در پایین صفحه می باشد نیاز است که صفحه اسکرول نخورد و به صورت آتوماتیک از قابلیتهایی مثل این پلاگین :
http://tlindig.github.io/position-calculator/
استفاه شود
لطف کنید و این قابلیت رو اضافه کنید
متشکر

Hi, there is a typo in the readme example :

it should be persianDatepicker. (picker in lowercase)

سلام. من برای پروژه ام پلاگینتونو استفاده کردم. اما دو مشکل داشت که یکی باگ بود و دومی سلیقه ای که فکر کنم بهتر باشه بهش اضافه کنید این قابلیت رو.
اول اینکه وقتی بازه زمانی برای پلاگین تعریف می کنیم استارت دیت و اند دیت دکمه هم اکنون از کار میوفته!
که این مورد رو با حذف شرط زیر برطرف کردم:
if (self.options.startDate == null)
خط 439

و مورد دوم اینکه باز هم وقتی بازه زمانی اضافه می کنیم نمیشه seleected date رو روی today گذاشت.
عبارت today توی اونجا جواب نمیده و من برای رفع این مورد توی خط 84 گفتم مثل today قرار بده مقدارشو یعنی now
و چون شرط سلکت دیت بعد از این شرط هست اگر سلکتد دیت هم کاربر تعریف کنه باز هم مشکلی نیست.

تشکر بابت پلاگین خوبتون.

Hello.

If we using boostrap in project with this datepicker styles dosen't work correctly.
When using bootstrap:

Without bootstrap:

توی این جز z-Index کار نمی کند، و در صورت ست شدن به صورت دستی یا غیر دستی، خود جز به سرعت این مقدار را حذف می کند.

خواهشا این مورد را Fix کنید. و همچنین به Config جز نیز اضافه نمایید.

Hi,
when i put my textbox in the table head or th . and then click on the textbox nothing appear .

after changing the value of element, just add el.change(); to raise the change event so MV* frameworks can change models.

right now your code does not work with angularjs and knockout and ... just because of that line of code!

showDate: function (el, v) { var self = this; if (el.is('input')) { el.val(self.persianDate.parse(v).toString(self.options.formatDate)); } else { el.html(self.persianDate.parse(v).toString(self.options.formatDate)); } el.change(); el.data('date', { jDate: v, gDate: this.jDateFunctions.getGDate(this.persianDate)._toString("YYYY/MM/DD/DW") }); this.options.onSelect(); }

how can i show month value with two digits?
for EX.1396/9/19 show as 1396/09/19

HI.
please add view mode to datapicker options. the values can year, month and day.
for select born date, best view mode is years!

Thanks for your library,
But this doesn't work in IE..
Did you test your demo in IE?

سلام
مثال - data-jdate & data-gdate attributes که خودتون گذاشتین رو تست کنین
اول یه تاریخ رو انتخاب کنین
بعد تغییرش بدین
کماکان تاریخ اولی رو بر می گردونه
شما برای رفع ایرادات پاسخ هیچکس رو ندادین
فکر کنم استفاده از ابزار شما به دلیل عدم وجود پشتیبانی فنی اشتباه باشه
با تشکر

درود

دکمه هم اکنون در پایین تقویم در صورتی که قسمت
startDate:
endDate:
دارای مقدار باشند کار نمیکند!!

Hi,

When I attempt to minify and obfuscate your persianDatePicker.js file with YUICompressor. I get following error :

WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] The variable jgGOrJ has already been declared in the same scope...
:function (d,jgGOrJ){var jgGOrJ ---> = <--- (jgGOrJ===undefined)?0:jgGOrJ
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] The variable d has already been declared in the same scope...
;var m=m0+0;var d ---> = <--- d0+0;if(m<=2
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: _cw
.options;_fontSize=options.fontSize;_cw ---> = <--- parseInt(options.cellWidth);_ch=
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: _ch
_cw=parseInt(options.cellWidth);_ch ---> = <--- parseInt(options.cellHeight);self.
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: b
f===undefined&&l===undefined){b ---> = <--- self.persianDate.year-7;a
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: a
=self.persianDate.year-7;a ---> = <--- self.persianDate.year+14;}
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: i
}var arr=[];for(i ---> = <--- b;i<a&&b>0
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: c
self.options.selectableYears==undefined){c ---> = <--- $(this).find("li")
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: jd
_days.appendTo(this.calendar);jd ---> = <--- self.persianDate;jd.date=1
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: _dt
.html("&nbsp;");}else{_dt ---> = <--- self.getDate(self.persianDate,cellIndex
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: arr
},parse:function (s){arr ---> = <--- s.split("/");y=
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: y
arr=s.split("/");y ---> = <--- arr[0];m=arr[
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: m
);y=arr[0];m ---> = <--- arr[1];d=arr[
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: d
];m=arr[1];d ---> = <--- arr[2];wd=arr[
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: wd
];d=arr[2];wd ---> = <--- arr[3];var r=new 
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: jdf
;var r=new persianDate();jdf ---> = <--- new jDateFunctions();r.year=
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: res
"۶","۷","۸","۹"];res ---> = <--- "";for(i=0;i
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: r
y=c-4715;}}}r ---> = <--- new Date();return new Date(
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: y0
},getJulianDayFromPersian:function (pd){y0 ---> = <--- pd.year,m0=pd.month
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: m0
pd){y0=pd.year,m0 ---> = <--- pd.month,d0=pd.date
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: d0
.year,m0=pd.month,d0 ---> = <--- pd.date;var epbase=y0-
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] Found an undeclared symbol: wds
},getWeekday:function (jd){wds ---> = <--- [1,2,3,4,
[WARNING] .../target/modules/datePicker/org/omidbiz/renderkit/html/script/persianDatePicker.js:line -1:column -1:[WARNING] The symbol f is declared but is apparently never used.
This code can probably be written in a more efficient way.

can you help me to solve this issue ?

the project is available in [https://github.com/omidp/omidbizComponents]

سلام
لطفا در مستندات قسمت زیر را اصلاح نمایید.

        $("#birthDate, #shProvinceId").persianDatePicker();       

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

Still v0.1.0 since Tue Jan 1 2013

How about SemVer versioning and bower?

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

We need the date to be sent to our services via angular.js . thus, I've given the tag of our calendar, the data-ng-model="theDate". but when I want to access it in our Angular file, by saying for example:
console.log($scope.theDate);
It returns a null string. Even though we've already entered a date (picked, using the picker).
do we miss something? when I use the same method on my other tags, the result is OK, as expected! i.e: and then I put the value "Hi" inside it,
console.log($scope.test);
returns "Hi".
I really don't know where to look for the problem.

سلام .خیلی خوشحالم که ایرانی ها هم آره !!!
ممنون از این کامپوننت
فقط مشکلی که هست اینه که وقتی نیو میکنیم تگ های اچ تی ام ال به انتهای بادی اضافه میشه و در نیو های پیاپی مشکل رم پیش میاد
اما دیتاپیکر خارجکی یه بار تگ های مورد نیازشو میسازه و در هر بار استفاده ازهمون تگ ها استفاده میکنه

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

Dear Behzadi,

How to add image icone beside text fields for example :

$(function() {
$( "#datepicker" ).persianDatepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date"
});
});

I am .Net programmer. .Net programmer use nuget package installer for adding their libraries to their web project. There is some information in their site: https://www.nuget.org/ . For example there is jquery nuget located in https://www.nuget.org/packages/jquery
I will appreciated if you add this capability. Thank you for your great library.

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

اگه امکانش هست امکان انتخاب زمان را هم اضافه کنید
(time picker)
امکان دانلود از
npm
هم اضافه کنید

سلام
این قسمت فقط دفعه اول که تاریخ رو انتخاب میکنی درست کار نمیکنه:
بعد اون دیگه فقط همون تاریخ اولی رو برمی گردونه.
$("#pdp-data-jdate").persianDatepicker({
onSelect: function () {
alert($("#pdp-data-jdate").data("gdate"));
}
});
$("#pdp-data-gdate").persianDatepicker({
showGregorianDate: true,
onSelect: function () {
alert($("#pdp-data-gdate").data("jdate"));
}
});
همیشه یه مقدار ثابت برای تاریخ برمی گردونه.

فکر کنم این مشکل باشه که حتما باید اول صفحات HTML جمله وجود داشته باشه تا سیستم دیت پیک درست عمل کنه. امتحان کنین متوجه میشین.

من یه سوالی داشتم چطوری می تونم تاریخ های قبلی رو غیر فعال کنم
برای مثال کاربر فقط تاریخ های آتی رو بتونه گزینش بکنه
و این به این خاطر هست که من دارم یک سیستم رزرو آنلاین تهیه می کنم و خب منطقی نیست که کاربر بتونه تاریخ های گذشته رو انتخاب بکنه
من option های زیر رو دیدم
selectableYears: null,
selectableMonths: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
​اما نمی دونم چجوری config کنم که خواسته ام مرتفع بشه چون باید داینامیک باشه ​و نمی تونم ماه های خاصی رو غیر فعال کنم

ممنون و سپاس

<input class="form-control input-sm dpicker" placeholder="از تاریخ" name="start" ng-model="traction_search.start" type="text">

بعد از انتخاب تاریخ مودل
traction_search.start
تغیر نمیکنه و ست نمیشه.

اولا تشکر کنم بابت پلاگین خوبتون تنها یه خواهشی که دارم اگه که بتونین تم بوت استرپ اضافه کنید عالی میشه
بازم ممنون :-)
مثله اینا :
https://eonasdan.github.io/bootstrap-datetimepicker/#no-icon-input-field-only و
https://bootstrap-datepicker.readthedocs.io/en/latest/

برای ریست کردن متدی وجود ندارد

salam ,
variable global b bad az ejraye tabe persian datepicker avaz mishe , scope in variable dorost tarif nashode

hi ... thanx for your plugin ...
i am test lots of perisan date picker but your plugin is good ! i like it :)

but there is bad problem i have seen on it!
the problem is that when the date is selected it's not set the value input !

please solve it !

Hi,
When I want to change year for example from 1393 to 1399, I must scroll downward. But the problem is when I scroll downward, suddenly my selected year goes some years ago like 1278! I think this is the only problem with your library. Thanks again.

اگر خود المنت ها به داخل توابع ارسال بشود،
یعنی اینپوت داخل توابعی مثل
onSelect
قابل دسترس باشه.

:)

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

سلام جناب بهزادی.

متوجه شدم که عملگر
data("gdate"))
یا عملگر
data("jdate"))
پس از اولین فراخوانی مقدارش کش میشه.

یعنی اگر برای اولین بار مقدار تاریخ جلالی
1396/3/17
رو انتخاب کنید، معادل
2017/6/7
برمیگرده.

حالا اگر دوباره یه تاریخ جلالی دیگه انتخاب کنید بازم همون مقدار میلادی قبلی رو نشون میده. در واقع تغییرات آپدیت نمیشه.

این مسئله در صفحه مستندات این افزونه هم مشخصه

http://behzadi.github.io/persianDatepicker/#dataAttr

Hi,

How can I use this library as a daterange picker (same as http://www.daterangepicker.com)? Is it implemented or do you have a plan to implement it anytime soon? I think that will add an extra value to your current excellent library.

Regards

سلام
وقتی تقویم رو توی صفحه پی اچ پی میارم درست کار نمیکنه...
وقتی روی هر ایتمی میزنم هیچ اتفاقی نمیوفته...حتی خطا هم نمیده!!

در ضمن وقتی پسوند همون صفحه رو اچ تی ام ال میزارم درست کار میکنه...

Not sure if this would be considered a bug, but It would be nice to see Persian numbers in the actual input field as opposed to Latin...

Many thanks

سال 1403 سال کبیسه است ولی تو این تقویم اسفند 29 روز نشون داده میشه و این باعث میشه سال بعد تاریخ بهم بریزه

Is that possible to hide the calendar when the input button loose focus??
Currently it will disappear if and only if you select a date.

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