Javascript 在jQuery UI日期选择器中标记所选日期

我正在使用jQueryUI的日期选择器(http://docs.jquery.com/UI/Datepicker)

听起来应该可以通过提供

beforeShowDay

功能来标记特定的日期(http://docs.jquery.com/UI/Datepicker#event-在展示日之前）。但是我不能得到正确的CSS。我想把背景变成绿色几天

这是我目前掌握的JavaScript：

$(function() {    
    $('.date').datepicker({
        dateFormat: 'yy-mm-dd',
        firstDay: '1',
        showOtherMonths: 'true',
        beforeShowDay: daysToMark
    });
});

function daysToMark(date) {
    if (date.getDate() < 15) {
        return [true, 'markedDay', ""];
    }

    return [true, '', ""];
}

---

但一切都没有改变。我做错了什么？

你所拥有的应该有用。但是，根据您的主题，您可能需要调整CSS，因为

中的

具有自己的背景，并且类将应用于

，这样做了

.markedDay a.ui-state-default {
    background: green !important;
}

.markedDay a.ui-state-hover {
    background: red !important;
}

---

正如Nick Craver所指出的，必须将样式添加到a元素，而不是td元素。我还必须将jqueryui生成的类名添加到a元素中，以使我的css规则比默认规则更重要。最后一个技巧是使用

background

而不是

background color

覆盖使用的jQuery UI主题图像。

这是CSS调整，我需要帮助。将相同的样式表添加到“.markedDay a”不会改变任何内容。

.markedDay a.ui-state-default {
    background: green !important;
}

.markedDay a.ui-state-hover {
    background: red !important;
}