bootstrap 日期选择器中的 beforeShowDay 禁用下一个日期

Question

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

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 是 selected 日期的数组，上面的代码禁用了第二天，而不是 selected 日期（例如，如果我 select 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 });

bootstrap 日期选择器中的 beforeShowDay 禁用下一个日期

beforeShowDay in bootstrap datepicker disables the next date

javascript

jquery

datepicker

twitter-bootstrap