Javascript 无法在日期选择器中选择第二个日期
我有一个选择开始日期和结束日期的日期字段,我想做的是禁用前一个日期,并在开始日期字段中显示从今天开始的日期,在结束日期字段中,我想显示+3天,不超过这一天。我已经写了我的代码,但它只有在我选择今天的日期时才起作用,如果我选择像9月25日这样的日期,那么它将禁用“结束日期”中的所有日期。下面是我的代码:Javascript 无法在日期选择器中选择第二个日期,javascript,jquery,datepicker,jquery-ui-datepicker,Javascript,Jquery,Datepicker,Jquery Ui Datepicker,我有一个选择开始日期和结束日期的日期字段,我想做的是禁用前一个日期,并在开始日期字段中显示从今天开始的日期,在结束日期字段中,我想显示+3天,不超过这一天。我已经写了我的代码,但它只有在我选择今天的日期时才起作用,如果我选择像9月25日这样的日期,那么它将禁用“结束日期”中的所有日期。下面是我的代码: <div class="row-form clearfix"> <div class="span5">Free Trail Date:</div> <di
<div class="row-form clearfix">
<div class="span5">Free Trail Date:</div>
<div class="span7">
<input value="" placeholder="From" style="width: 96px;" type="text" name="ftdt" id="dob" required/>
<input value="" placeholder="To" style="width: 96px;" type="text" name="ft_snd" id="dob2" required/>
</div>
</div>
JavaScript代码:
<script>
$(function() {
$('#dob').datepicker({
changeMonth: true,
changeYear: true,
yearRange: '2012:2020',
minDate: new Date(),
onSelect: function(date){
var selectedDate = new Date(date);
var msecsInADay = 86400000;
var endDate = new Date(selectedDate.getTime() + msecsInADay);
$("#dob2").datepicker( "option", "minDate", endDate );
$("#dob2").datepicker( "option", "maxDate", '+2d' );
}
});
});
$(function() {
$('#dob2').datepicker({changeMonth: true, changeYear: true,
yearRange: '2012:2020'});
});
</script>
请告诉我哪里出错了,如果我选择今天的日期,我的代码会正常工作,但是当我选择“高级天数”时,它会禁用“结束日期”字段。我通过添加一点更改解决了我的问题:
<script>
$(function() {
$('#dob').datepicker({
changeMonth: true,
changeYear: true,
yearRange: '2012:2020',
minDate: new Date(),
maxDate: '+2y',
onSelect: function(date){
var selectedDate = new Date(date);
var msecsInADay = 86400000;
var endDate = new Date(selectedDate.getTime() + msecsInADay);
var lastDate = new Date(selectedDate.getTime() + 2 * msecsInADay);
$("#dob2").datepicker( "option", "minDate", endDate );
$("#dob2").datepicker( "option", "maxDate", lastDate );
}
});
});
</script>
$function{
$'dob'。日期选择器{
变化月:对,
变化年:是的,
年份范围:“2012:2020”,
新日期,
onSelect:functiondate{
var selectedDate=新日期;
$dob2.datepicker选项,minDate,新DateselectedDate.getTime+86400000;
$dob2.datepicker选项,maxDate,new DateselectedDate.getTime+3*24*60*60*1000;//其中3为3天。您可以根据需要更改它
}
};
$'dob2'。日期选择器{changeMonth:true,changeYear:true,yearRange:'2012:2020'};
};
免费试用日期: