Диапазон от 3 месяцев до 2 сборщиков даты

Question

У меня есть 2 типа ввода даты, одна - дата начала, другая - дата окончания, но я хочу сделать интервал 3 месяца.Например, если пользователь выбирает начальную дату как 12/09/2018, второе средство выбора даты должно позволять ему выбирать только 12/12/2018.Есть идеи как это сделать?

<div class="form-group">
        <label for="Sdate" ><strong style=" color:DarkSlateBlue" > Start date </strong></label>
        <input type="date" class="form-control" id="sdate" name="startdate" required>
    </div>

 <div class="form-group">
        <label for="Edate"><strong style=" color:DarkSlateBlue" ;> End date </strong>&nbsp;</label>
        <input type="date" class="form-control" id="edate" name="enddate" required>
    </div>

Answer 1

используйте код ниже

$("#sdate").datepicker({
        dateFormat: 'mm/dd/yy',
        onSelect: function (dateText, inst) {
            var date = $(this).val();
            $("#edate").datepicker('option', 'maxDate', new Date(date ).getDate() + 90);
        }
    });

Answer 2

Я думаю, что это ответ, как вы ожидали

var date_input =document.getElementById('sdate');
date_input.onchange = function(){
   var selecteddate = new Date(this.value);
   var nexdate=1000*60*60*24*30;   //30 day count 
   document.getElementById('edate').max = new Date((selecteddate.getTime()+(nexdate)) - selecteddate.getTimezoneOffset() * 60000).toISOString().split("T")[0];
}

Пример здесь Код ручки

Answer 3

После выбора начальной даты, измените минимальную дату и максимальную дату конечной даты,

$( "#datepicker" ).datepicker( { minDate:  Date(2018, 9,12), maxDate: new Date(2018, 10,12) });