css - datepicker beforeShowDay vs. selected

Question

我有一个使用 beforeShowDay 有一个特殊亮点的日期选择器。但是，突出显示样式会阻止选定的（“ui-btn-active”）样式，该样式会在单击单元格时自动应用。将所选样式放在首位的最佳方法是什么？

<div id="datepicker"></div>

.Highlighted a{
background: none !important;
background-color: #990066 !important;
}

        $('#datepicker').datepicker({
            beforeShowDay: function (date) {
                return [true, SelectedDates[date] ? 'Highlighted' : ''];
            }
        });

添加这个没有效果：

.Highlighted ui-btn-active a{
background: none !important;
background-color: white !important;
}

Answer 1

在您的 beforeShowDay 代码中，将 ui-btn-active 类添加到选定的元素中，然后将它们添加到 Highlighted 类。

记住元素可以有多个类。

Answer 2

  beforeShowDay: function (date) {
                var selected = $("#datepicker").datepicker('getDate');
                if (date.getDate() != selected.getDate()) return [true, SelectedDates[date] ? 'Highlighted' : ''];
                else return [true, '']
            }