JQuery календарь 2-х дневная блокировка даты

Question

Я использую селектор даты jquery ui Мой запрос отличается от всех остальных, так как мне нужно 2 пользовательских метода для блокировки даты

    <script>
        var unavailableDates = ["5-7-2011","6-7-2011","7-7-2011","15-7-2011","16-7-2011","17-7-2011" ];


function unavailable(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, unavailableDates) == -1) {
    return [true, ""];
  } else {
    return [false,"","Unavailable"];
  }
}
$(function() {
    $( "#datepicker_1,#datepicker_2" ).datepicker({
        beforeShowDay: unavailable,
        changeMonth: true,
        changeYear: true
    });
});

Я настроил свой код так, чтобы отключить несколько дат, на которые я тоже ссылался, но я также хочу, чтобы другой селектор даты установил дату в соответствии с первой например, для селектора 2 (который является максимальной датой) я выбираю 4 июля, чем у селектора 1 должна быть дата больше, чем сегодня, но менее 4 июля ... если я выбираю из селектора 1 (это минимальная дата) 1 июля, он должен отключить все предыдущая дата ...

Моя проблема похожа на jQuery datepicker- 2 ввода / текстовые поля и ограничивающий диапазон , но на шаг впереди, где мне нужно отключить некоторую дату, как указано выше

Любая помощь будет оценена по достоинству, так как я новичок в jquery

вот jsfiddle

Answer 1

$(function() {      $( "#datepicker_1,#datepicker_2" ).datepicker({
             beforeShow: customRange,           beforeShowDay: unavailable,             changeMonth: true,          changeYear: true        });     });         function customRange(input) {   if (input.id == 'datepicker_2') {
    return {
      minDate: jQuery('#datepicker_1').datepicker("getDate")
    };   } else if (input.id == 'datepicker_1') {
    return {
      maxDate: jQuery('#datepicker_2').datepicker("getDate")
    };   } }

Попробуйте, если вам поможет