В календаре выбора даты, как установить дату для свойства 'minDate', не отключая предыдущие месяцы

Question

Я хочу установить minDate для даты в календаре #dateto без отключения предыдущих месяцев.

По умолчанию для календаря #datefrom и #dateto установлено свойство minDate в today

Возьмем, к примеру, дату today 2019-2-8

Цель состоит в том, чтобы выбрать дату 2019-5-15 из календаря '#datefrom' и установить ее в календаре #datetoкак minDate, а календари #dateto будут установлены на 2019-5 -15 как minDate, и я хочу перейти на обычный месяц 2, теперь я не могу, потому что я был заблокирован в предыдущие месяцы.

Дата от

  $('#datefrom').datepicker({
           stepMonths: 1,
           numberOfMonths: 2,
           minDate : 'today',
           dateFormat: 'yy-mm-dd',
           showOtherMonths: true,
           onSelect: function(date){
             $('.datefrom-text').text(date);
             $('#dateto').datepicker('option', 'minDate', date);
           }
        });

Дата до

$('#dateto').datepicker({
 stepMonths: 1,
 numberOfMonths: 2,
 minDate : 'today',
 dateFormat: 'yy-mm-dd',
 showOtherMonths: true,
 onSelect: function(date){
  $('.dateto-text').text(date);
 }
});

Вот мой пример jsfiddle

Answer 1

Возможно, вы могли бы использовать beforeShowDay http://api.jqueryui.com/datepicker/#option-beforeShowDay Он вызывается для каждой даты перед ее отображением на экране.Вы можете определить функцию, которая будет вручную проверять возможность выбора даты (date> minDate) и возвращать ее из функции.Я не пробовал, но я считаю, что это должно сработать.

Answer 2

Мне удалось переместить календари, вызвав внутренний метод datepicker, поэтому я надеюсь, что это поможет вам получить то, что вам нужно. Проверьте мою вилку jsfiddle

$.datepicker._selectMonthYear( '#dateto', document.getElementById("fakeMonthSelected"), "M" );

Davor