JSFiddle - React, Tailwind, and code Playground

by hunter

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
<input type="text" class="date" value="5/2/2011" />

CSS

.bad { background: red; }
.bad a.ui-state-active { background: red; color: white; }

JavaScript

$(".date").datepicker({
    beforeShowDay: SetDayStyle
});

var badDates = new Array("5/2/2011");

function SetDayStyle(date) {
    var enabled = true;
    var cssClass = "";

    var day = date.getDate();
    var month = date.getMonth() + 1; //0 - 11
    var year = date.getFullYear();
    var compare = month + "/" + day + "/" + year;
    
    var toolTip = badDates.indexOf(compare) + " " + compare

    if (badDates.indexOf(compare) >= 0) cssClass = "bad";

    return new Array(enabled, cssClass, toolTip);
}