SO - 15400775
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<div id="dp"></div>
CSS
#dp .ui-datepicker tbody td.highlight a{background-color: red; border-bottom: 3px blue solid;}
JavaScript
var array = ["2013-10-14", "2013-10-15", "2013-10-16"]
var holydays = ['10/17/2013', '10/18/2013', '11/2/2013'];
function highlightDays(date) {
for (var i = 0; i < holydays.length; i++) {
if (new Date(holydays[i]).toString() == date.toString()) {
return [true, 'highlight'];
}
}
return [true, ''];
}
$(function () {
$("#dp").datepicker({
minDate: 0,
dateFormat: 'mm/dd/yy',
inline: true,
numberOfMonths: [1, 2],
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
beforeShowDay: highlightDays,
});
});