如何在jquery datepicker onclick中更改当前日期的背景颜色？

Question

我在angularjs中使用jQuery datepicker， 通过覆盖css，我将橙色背景显示为当前日期

.ui-state-highlight{
    background-color:orange;
}

现在要求是当前日期的背景颜色在点击时必须更改为红色。 我试过调用一个onSelect函数来改变datepicker默认值中的背景颜色，但那不起作用。如何实现呢？

Answer 1

您可以使用onSelect事件来更改当前日期的CSS

onSelect: function(value, date) {
    date.dpDiv.find('.ui-datepicker-current-day')
        .addClass('ui-state-highlight');
}

我建议不要使用上面的机制，而是可以像这样覆盖.ui-datepicker-current-day类

.ui-datepicker-current-day{
    background-color:orange;
}

不需要JS。