JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="form-group">
<div class="col-md-4 col-md-offset-4">
<input id="startdate" class="form-control" type="text" value="11/18/2015" />
</div>
</div>
JavaScript
var dates = ['11/16/2015', '11/25/2015'];
// Build array of times
var holidays = [];
for (i = 0; i < dates.length; i++) {
var vals = dates[i].split('/');
var y = parseInt(vals[2]);
var m = parseInt(vals[0]) - 1;
var d = parseInt(vals[1]);
var holiday = new Date(y, m, d);
holidays.push(holiday.getTime());
}
function noHoliday(date) {
if(holidays.indexOf(date.getTime()) > -1) {
return [false];
} else {
return [true];
}
}
function noWeekendsOrHolidays(date) {
var noWeekend = $.datepicker.noWeekends(date);
if (noWeekend[0]) {
return noHoliday(date);
} else {
return noWeekend;
}
}
$('#startdate').datepicker({
minDate: new Date(2015, 10, 4),
beforeShowDay: noWeekendsOrHolidays
});