Jquery Ui date time picker

Question

Я использую jquery date time picker и используя start date и end date.

При выборе же дату start date и end date я не хочу, чтобы это позволить end date время быть меньше, чем start date время. Как мне настроить мой код?

$("#fdate").datetimepicker({ 
    dateFormat: 'yy-mm-dd',timeFormat: 'HH:mm:ss', 
     onClose: function(selectedDate) { 
     $("#tdate").datetimepicker("option", "minDate", selectedDate); 
    } 
    }).attr('readonly', 'readonly'); 
    $("#tdate").datetimepicker({dateFormat: 'yy-mm-dd',timeFormat: 'HH:mm:ss', 
    onClose: function(selectedDate) { 
    $("#fdate").datetimepicker("option", "maxDate", selectedDate); 
    } 
    }).attr('readonly', 'readonly'); 
}); 

здесь fdate является дата начала и TDate является дата окончания и здесь Fiddle выпуска

Answer 1

Вам нужно использовать метод «setOptions» для каждого timepicker:

$(document).ready(function(){ 
    $("#fdate").datetimepicker({ 
     dateFormat: 'yy-mm-dd', 
     timeFormat: 'HH:mm:ss', 
     onShow: function() { 
      this.setOptions({ 
       maxDate:$('#tdate').val()?$('#tdate').val():false, 
       maxTime:$('#tdate').val()?$('#tdate').val():false 
      }); 
     } 
    }).attr('readonly', 'readonly'); 
    $("#tdate").datetimepicker({ 
     dateFormat: 'yy-mm-dd', 
     timeFormat: 'HH:mm:ss', 
     onShow: function() { 
      this.setOptions({ 
       minDate:$('#fdate').val()?$('#fdate').val():false, 
       minTime:$('#fdate').val()?$('#fdate').val():false 
      }); 
     }      
    }).attr('readonly', 'readonly');  

Вот Modified Fiddle.

Это не идеальный вариант, но он поможет вам приблизиться, вам может понадобиться обработать некоторые форматирования. Я использовал событие onShow, но вы можете легко сделать это и в onClose. Существует небольшой образец на их official page под названием Диапазон между датой #.