Question

我正在尝试修改Bootstrap签入/签出日期示例，但我无法使其正常工作。

代码会禁用之前的日期，当选择签入日期时，结帐日期会打开，默认情况下会选择下一个日期。这工作正常，但我想在结帐日期打开时建议第二天在下一个日期之前禁用所有日期。

有可能吗？

var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

var checkin = $('#dpd1').datepicker({
    onRender: function(date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function(ev) {
    if (ev.date.valueOf() > checkout.date.valueOf()) {
        var newDate = new Date(ev.date)
        newDate.setDate(newDate.getDate() + 1);
        checkout.setValue(newDate);
    }
    checkin.hide();
    $('#dpd2')[0].focus();
}).data('datepicker');
var checkout = $('#dpd2').datepicker({
    onRender: function(date) {
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function(ev) {
    checkout.hide();
}).data('datepicker')

Answer 1

您可以使用minDate和maxDate选项

Bootstrap日期选择器范围选择器

1 个答案: