繁体   English   中英

用于 dateTimepicker jquery ui 插件的 jalali 日历

[英]jalali Calendar for dateTimepicker jquery ui plugin

我正在将dateTimepicker插件用于 datepicker 小部件 jquery ui。

现在我想为它添加 jalali 日历支持。

当然,您可以在jalali date picker 中看到datepicker jquery ui 的替代和定制版本。

效果很好,但是当我使用datetimepickerjalali 日期选择器时,会出现问题。

如果您知道,在 jalali 日历和公历中,日月长度存在一些差异。 例如,格里高利的二月(一年中的第二个月)有 28 天,而Ordibehesh贾拉利的第二个月)有 31 天。

当连接两个杰拉里日期选择器和的DateTimePicker由dateTimePicker的插件提供的网页和呼叫的DateTimePicker,显示的天是正确的,但如果点击(选择)从日期(贾拉利的第2个月),例如第三十天,第三贾拉利月的第2天(命名khordad) 返回,为什么? 因为二月有 28 个月。

这是我描述的 jsfiddle :

 $(document).ready(function () { $(".datePicker").each(function () { $(this).datetimepicker({ dateFormat: 'dd MM yy', altFieldTimeOnly: false, timeFormat: "HH:mm", altFormat: 'dd/mm/yy', separator: " ", altSeparator: " ", altField: $(this).next('.hiddenField'), stepMinute: 5 }); }); });
 <link href="https://code.jquery.com/ui/1.12.0-rc.2/themes/smoothness/jquery-ui.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/jquery-ui-timepicker-addon.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-1.4.0.min.js"></script> <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script src="https://dl.dropboxusercontent.com/u/24987834/calendar.js"></script> <script src="https://dl.dropboxusercontent.com/u/24987834/jquery.ui.datepicker-cc.js"></script> <script src="https://dl.dropboxusercontent.com/u/24987834/jquery.ui.datepicker-cc-fa.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/jquery-ui-timepicker-addon.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/i18n/jquery-ui-timepicker-fa.js"></script> <input id="start_date_picker" class="datePicker form-control from" targetTo="#end_date_picker" name="start_date_picker" type="text" style="direction:rtl"> <input class="hiddenField" name="start_date" type="hidden">

我认为附加到 datetimepicker 的点击事件在这里有问题。

经过数小时的搜索和检查jquery-ui-timepicker-addon.jsJalali datepicker jquery ui,我发现只需将所有new Date()替换为$.datepicker.CDate() (预计第 262 行)即可解决问题。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM