CODEWITHSUNDEEP
javascriptjquerytwitter-bootstrapdatepicker
Neha Dangui
Neha Dangui

Reputation: 647

beforeShowDay in bootstrap datepicker disables the next date

I have mulitple datepickers on a page, once I select one I want to disable it from the next datepicker. I have used the below code.

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 is the array of selected dates, the above code disables the following day, not the selected one (example if I select 2015-06-04 it disables 2015-06-05).

Upvotes: 0

Views: 4765

Answers (1)

sheshadri
sheshadri

Reputation: 1217

Here I am not using 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 });

Upvotes: 3

Related Questions