Question

我在页面上有多个日期选择器，一旦我选择了一个我想从下一个日期选择器中禁用它。我使用了以下代码。

jQuery('.date-picker', jForm).datepicker({
    startDate: new Date(),
    autoclose: true,
    todayHighlight: true,
    beforeShowDay:function(Date){
        var curr_date = Date.toJSON().substring(0,10);
        if (forbidden.indexOf(curr_date)>-1) return false;        
    }
});

Forbidden是所选日期的数组，上面的代码会在第二天禁用，而不是所选日期（例如，如果我选择2015-06-04，则禁用2015-06-05）。

Answer 1

这里我没有使用bootstrap datepicker

<强> DEMO

var unavailableDates = ["19-8-2015","14-8-2015"];

function unavailable(date) {
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" +date.getFullYear();
    if ($.inArray(dmy, unavailableDates) < 0) {
        return [true,"","Book Now"];
    } else {
        return [false,"","Booked Out"];
    }
}

$('#unvailable').datepicker({ beforeShowDay: unavailable });

bootstrap datepicker中的beforeShowDay禁用下一个日期

1 个答案: