JSFiddle - React, Tailwind, and code Playground
by shapeshifta
HTML
<input id="dateselector" />
CSS
.ui-date-highlight {
background: red
}
JavaScript
var disabledDays = ["2014-10-21", "2014-10-24", "2014-10-27", "2014-10-28"];
var date = new Date();
$("#dateselector").datepicker({
dateFormat: 'yy-mm-dd',
beforeShowDay: function (date) {
var m = date.getMonth(),
d = date.getDate(),
y = date.getFullYear();
for (i = 0; i < disabledDays.length; i++) {
if ($.inArray(y + '-' + (m + 1) + '-' + d, disabledDays) != -1) {
//return [false];
return [true, 'ui-date-highlight', ''];
}
}
return [true];
}
});