Disable multiple days with jQuery datepicker
Disable multiple user-defined days with jQuery datepicker, as well as weekends. This version also greys out days prior to today.
HTML
<link rel="stylesheet" href="http://davidwalsh.name/dw-content/jquery-ui-css/custom-theme/jquery-ui-1.7.2.custom.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<input type='text' id='visit' />
JavaScript
// Disables multiple user-defined dates using jQuery datepicker
// Along with weekends (6,0)
// Thank you: http://jsfiddle.net/yXMKC/4/
var dateToday = new Date();
$('#visit').datepicker({
beforeShowDay: checkAvailable,
minDate: dateToday
});
var unavailableDates = ["19-11-2018","19-10-2018","20-11-2018"];
function checkAvailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) != -1) {
return [false, "", "unAvailable"];
} else {
var day = date.getDay();
return [(day != 0 && day != 6)];
}
}