Css jQueryUIDatePicker-添加额外的类以更改颜色

我正在使用jQueryUIDatePicker来显示日历。从mySQL数据库中绘制数据，我想用不同的颜色显示一些日期

日历放置在带有的页面上

<div id="calendar"></div>

然而，它并没有将主细胞染成红色，而是在其周围放置了一个小的红色边框

---

这到底是怎么回事？

该类将应用于

。

中的

有另一个背景，主要隐藏

的背景

只需将CSS选择器更改为指向内部的

，如下所示：

$（函数（）{
var closedDates=[“2014-11-06”]；
功能关闭（日期）{
ymd=date.getFullYear（）+“-”+（“0+（date.getMonth（）+1））.slice（-2）+“-”+（“0+”date.getDate（））.slice（-2）；
console.log（ymd）
如果（$.inArray（ymd，closedDates）<0）{
返回[true，”，“Available”]；
}否则{
返回[真，“已关闭”，“已关闭]；
}
}
$（“#日历”）。日期选择器({
展览日前：关闭，
日期格式：“dd-mm-yy”
});
});
。关闭了一个{
背景：红色！重要；
}

谢谢TJ。发生了一些非常奇怪的事情。看起来我所要做的就是修改CSS。我那样做了，但没用。因此，我通过复制和粘贴所有代码，并从那里开始工作，制作了一个小测试文件。您使用的jquery-ui.css和jquery-ui.js文件根本不起作用，所以我用自己的文件代替了它们。当我第一次打开页面时，11月6日确实是红色的。点击任何其他日期，11月6日变为黄色（“今天”的颜色代码）。6 No是一个特例，因此我将closedDates变量更改为另一天。然后它就不工作了。继续，因为我的空间不够了。我认为您提供的额外CSS代码可能只适用于“今天”，而不适用于任何其他日期。@梯形图专家只需使用
敲打默认CSS即可！重要信息
。检查更新的ans。只需一个小字，但“！important”很重要。问题解决了。非常感谢。你不会相信这在过去的一天里给了我多大的痛苦。
$(function() {
var closedDates = <?php echo json_encode($closedarray); ?>;
    function closed(date) {
        ymd = date.getFullYear() + "-" + ("0"+(date.getMonth()+1)).slice(-2) + "-" + ("0"+date.getDate()).slice(-2);

        if ($.inArray(ymd, closedDates) < 0 ) {
            return [true, "", "Available"];
        } else {
            return [true, "closed", "Closed"];
        }
    }

    $('#calendar').datepicker({
        beforeShowDay: closed, 
        dateFormat: 'dd-mm-yy',
        numberOfMonths: 4
    });
});

.closed { background:red }