2016-04-23 55 views
1

我正在使用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該點擊事件在這裏有一個問題。

回答

1

後搜索的時間和檢查的jQuery-UI-timepicker-addon.js賈拉利日期選擇器jQuery UI的我發現,剛替換所有new Date()$.datepicker.CDate()(預期線262),解決了問題。