Jquery日历禁用日期颜色 [英] Jquery Calendar Disabled Date colour

问题描述

如何将5月份禁用日期的背景颜色更改为红色？

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/

推荐答案

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

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

这篇关于Jquery日历禁用日期颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！