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

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 日期选择器

<强> 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 });