Javascript 从3个月到2个日期选择器的范围
我有两个输入类型日期一个是开始日期,另一个是结束日期,但我想把范围定为3个月。例如,如果用户选择开始日期为2018年9月12日,则第二个日期选择器应只允许用户选择2018年12月12日。 知道怎么做吗Javascript 从3个月到2个日期选择器的范围,javascript,jquery,html,datepicker,Javascript,Jquery,Html,Datepicker,我有两个输入类型日期一个是开始日期,另一个是结束日期,但我想把范围定为3个月。例如,如果用户选择开始日期为2018年9月12日,则第二个日期选择器应只允许用户选择2018年12月12日。 知道怎么做吗 <div class="form-group"> <label for="Sdate" ><strong style=" color:DarkSlateBlue" > Start date </strong></label>
<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> </label>
<input type="date" class="form-control" id="edate" name="enddate" required>
</div>
开始日期
结束日期
选择开始日期后,更改结束日期的最小日期和最大日期
$( "#datepicker" ).datepicker( { minDate: Date(2018, 9,12), maxDate: new Date(2018, 10,12) });
请使用下面的代码
$("#sdate").datepicker({
dateFormat: 'mm/dd/yy',
onSelect: function (dateText, inst) {
var date = $(this).val();
$("#edate").datepicker('option', 'maxDate', new Date(date ).getDate() + 90);
}
});
我想这是你所期望的答案
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];
}
此处的示例是否“3个月”的限制不变?是的,3个月始终不变。这就是为什么您尝试添加新的日期选择器。您可以使用js计算日期,您可以添加标签以显示last dateno 3个月的最大范围,但他可以选择少于3个月,未捕获的TypeError:$(…)。datepicker不是JavaScript的函数。js:2您应该在第节的代码行下面包含jquerydate picker js和csPlease include