javascript - 在 Twitter Bootstrap Datepicker 上禁用当前日期突出显示

Question

我正在使用 datepicker对于 Twitter Bootstrap 。我需要禁止选择当前日期，这意味着它也不应突出显示当前日期。

我已将参数“todayHighlight”传递为 false，但它仍然为 TD 提供“事件”类，即使它也已“禁用”。

$("#datepicker").datepicker({
    format: 'mm-dd-yyyy',
    daysOfWeekDisabled: [0,6],
    startDate: '02-04-2013',
    endDate: '02-16-2013',
    todayHighlight: false
});

这似乎是脚本中的错误。任何人都可以帮助我并告诉我如何解决它吗？

这是我的 fiddle这显示了一个工作示例。

Answer 1

只需将此添加到您的 css 文件以重置 .active 默认样式，直接更改 bootstrap css 不是一个好主意:

.datepicker table tr td.active:hover, 
.datepicker table tr td.active:hover:hover, 
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active.disabled:hover:hover, 
.datepicker table tr td.active:active, 
.datepicker table tr td.active:hover:active, 
.datepicker table tr td.active.disabled:active, 
.datepicker table tr td.active.disabled:hover:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active:hover.active, 
.datepicker table tr td.active.disabled.active, 
.datepicker table tr td.active.disabled:hover.active, 
.datepicker table tr td.active.disabled, 
.datepicker table tr td.active:hover.disabled, 
.datepicker table tr td.active.disabled.disabled, 
.datepicker table tr td.active.disabled:hover.disabled, 
.datepicker table tr td.active[disabled], 
.datepicker table tr td.active:hover[disabled], 
.datepicker table tr td.active.disabled[disabled], 
.datepicker table tr td.active.disabled:hover[disabled]{
        background-image: none;
        background-color: white;
        font-weight: normal;
        color: black;
        text-shadow: none;
    }