Jquery Calendar Disabled Date colour

Question

How can I change the background color of the disabled dates in May to red?

<input id="iDate">

<script type='text/javascript'>
var unavailableDates = ["9-5-2013", "14-5-2013", "15-5-2013"];

function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) == -1) {
    return [true, ""];
} else {
    return [false, "", "Unavailable"];
}
}

$(function() {
$("#iDate").datepicker({
    dateFormat: 'dd MM yy',
    beforeShowDay: unavailable
});

});
</script>

http://jsfiddle.net/JjPrU/178/

use firebug in firefox to figure out what class that element has and then override the css for that class — nathan hayfield, Apr 18 '13 at 23:01

score 5 · Accepted Answer · answered Apr 18 '13 at 23:27

5

.ui-datepicker td.ui-state-disabled>span{background:#c30;}
.ui-datepicker td.ui-state-disabled{opacity:100;}

http://jsfiddle.net/habo/JjPrU/179/

answered Apr 18 '13 at 23:27

HaBo

13,999
36
114
206

Jquery Calendar Disabled Date colour

1 Answers1

Linked