我正在使用dateTimepicker插件爲datepicker小部件jquery ui。jalali dateTimepicker jquery ui插件日曆
現在我想添加jalali日曆支持。
當然,您可以在jalali date picker處看到datepicker jquery ui的替代和定製版本。
工作得非常好,但是當我使用的DateTimePicker和賈拉利日期選擇器,出現問題。
如果您知道,在日曆和日曆中的日曆月日長度有些差異。例如2月在Gregorian的月份(第2個月)有28天,而Ordibehesh(第2個月在jalali)有31天。
當兩個傑拉裏日期選擇器和的DateTimePicker附加到頁面,並呼籲通過dateTimePicker的插件提供的的DateTimePicker,顯示的天是正確的,但如果點擊(選擇),第2天的日期(賈拉利的第2個月),例如第三十天第三個加拉里月(名爲khordad)被退回,爲什麼?因爲2月有28個月。
這是我描述的的jsfiddle:
$(document).ready(function() {
\t \t \t $(".datePicker").each(function() {
\t \t \t \t $(this).datetimepicker({
\t \t \t \t \t dateFormat: 'dd MM yy',
\t \t \t \t \t altFieldTimeOnly: false,
\t \t \t \t \t timeFormat: "HH:mm",
\t \t \t \t \t altFormat: 'dd/mm/yy',
\t \t \t \t \t separator: " ",
\t \t \t \t \t altSeparator: " ",
\t \t \t \t \t altField: $(this).next('.hiddenField'),
\t \t \t \t \t stepMinute: 5
\t \t \t \t \t
\t \t \t \t });
\t \t \t });
});
<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該點擊事件在這裏有一個問題。