我有两个日历表单
<label>Check In</label>
<input type="text" name="In" id="In" placeholder="Check-In" class="input-text full-width" />
<label>Check Out</label>
<input type="text" id="Out" name="Out" placeholder="Check-Out" class="input-text full-width" />
和js代码:
$(document).ready(function(){
$("#Out").datepicker();
$("#In").datepicker({
onSelect: function(){
var fecha = $(this).datepicker('getDate');
$("#Out").datepicker("setDate", new Date(fecha.getTime()));
$("#In").datepicker("setDate", "+15d");
}
});
});
我需要完成什么:日期2(退房)在日期1(入住)后1天
我已经尝试了上面的代码,但没有成功。您能帮忙吗?
最佳答案
尝试增加输入日期,以便可以在输出日历中设置新日期...
$(document).ready(function(){
$("#Out").datepicker();
$("#In").datepicker({
onSelect: function(){
var fecha = $(this).datepicker('getDate');
fecha.setDate(fecha.getDate()+1);
$("#Out").datepicker("setDate", fecha);
}
});
});
您还可以尝试通过提供 minDate 进一步限制外出日历...
$(document).ready(function(){
$("#Out").datepicker();
$("#In").datepicker({
onSelect: function(){
var fecha = $(this).datepicker('getDate');
fecha.setDate(fecha.getDate()+1);
$("#Out").datepicker("setDate", fecha);
$("#Out").datepicker("option","minDate",fecha);
}
});
});
希望对你有帮助!
关于javascript - jquery日历操作问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28071185/