用于 dateTimepicker jquery ui 插件的 jalali 日历

Question

我正在为 datepicker 小部件 jquery ui 使用 dateTimepicker 插件。

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

当然，您可以在jalali date picker 上看到 datepicker jquery ui 的替代和自定义版本。

效果很好，但是当我使用 datetimepicker 和 jalali 日期选择器 时，会出现问题。

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

当将 jalali datepicker 和 datetimepicker 都附加到页面并调用 dateTimepicker 插件提供的 datetimepicker 时，显示的日期是正确的但是当单击（选择）来自（jalali 的第 2 个月）的日期时，例如第 30 天天，第三个月的第二天（名为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 的点击事件在这里有问题。

Answer 1

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