范围从 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

我认为这是您所期望的答案

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 2

请使用以下代码

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

Answer 3

选择开始日期后，更改最小日期和结束日期的最大日期，

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