Ich benutze dateTimepicker plugin für datepicker widget jquery ui.jalali Kalender für dateTimepicker jquery ui plugin
Jetzt möchte ich jalali Kalender Unterstützung hinzufügen.
Natürlich ist eine alternative und angepasste Version von datepicker jquery ui geschrieben, die Sie unter jalali date picker sehen können.
die sehr gut funktioniert, aber wenn ich Datetime und jalali Datumsauswahl verwenden, tritt ein Problem auf.
Wenn Sie wissen, in jalali Kalender und Gregorianischen Kalender sind einige Unterschiede auf Tag Monat Länge. für Beispiel Februar Monat (2. Monat im Jahr) in Gregorian haben 28 Tage, während Ordibesh (2. Monat in Jalali) haben 31 Tage.
Wenn beide befestigen jalali picker und Datetime zu Seite und rufen Datetime von Datetimepicker-Plugin zur Verfügung gestellt, sind gezeigt Tage richtig, aber wenn Sie auf (wählen) ein Datum aus (2. Monat jalali), zum Beispiel dreißigsten Tag, 2. Tag der dritte jalali Monat (genannt Khordad) wird zurückgegeben, warum? weil der Februar 28 Monate hat.
es ist ein jsfiddle Of dass ich beschrieben:
$(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">Ich denke, dass Click-Ereignis Datetime hier ein Problem haben angebracht.