JQuery Datepicker для 3 текстовых полей date

Question

В настоящее время я работаю над JQuery Datepicker для 3 текстовых полей. Логика должна быть:

• дата txtFrom не может быть раньше, чем txtTo

• дата txtEstimate не может быть раньше, чем txtFrom

Первая логика работает но второй не работает, нужна консультация по этой проблеме. Ниже приведены мои коды.

 $("#txtFrom").datepicker({ 
      minDate: -60, 
      onClose: function() { 
       $("#txtTo").datepicker(
       "change", 
       { minDate: new Date($('#txtFrom').val()) } 
     ); 
      } 
     }); 
     $("#txtTo").datepicker({ 
      minDate: -60, 
      onClose: function() { 
       $("#txtFrom").datepicker(
       "change", 
       { maxDate: new Date($('#txtTo').val()) } 
     ); 
      } 
     }); 
     $("#txtTo").datepicker({ 
      minDate: -60, 
      onClose: function() { 
       $("#txtEstimate").datepicker(
       "change", 
       { minDate: new Date($('#txtTo').val()) } 
     ); 
      } 
     }); 
     $("#txtEstimate").datepicker({ 
      minDate: -60, 
      onClose: function() { 
       $("#txtTo").datepicker(
       "change", 
       { maxDate: new Date($('#txtEstimate').val()) } 
     ); 
      } 
     }); 

Answer 1

Вы вызвать тот же самый метод дважды $("#txtTo").datepicker

Try:

$("#txtFrom").datepicker({ 
    minDate: -60, 
    onClose: function() { 
     $("#txtTo").datepicker(
     "change", 
     { minDate: new Date($('#txtFrom').val()) } 
     ); 
    } 
}); 
$("#txtTo").datepicker({ 
    minDate: -60, 
    onClose: function() { 
     $("#txtFrom").datepicker(
     "change", 
     { maxDate: new Date($('#txtTo').val()) } 
     ); 
     $("#txtEstimate").datepicker(
     "change", 
     { minDate: new Date($('#txtTo').val()) } 
     ); 
    } 
}); 
$("#txtEstimate").datepicker({ 
    minDate: -60, 
    onClose: function() { 
    $("#txtTo").datepicker(
      "change", 
      { maxDate: new Date($('#txtEstimate').val()) } 
    ); 
} 
});