1

我正在为 Twitter Bootstrap使用日期选择器。我需要禁用当前日期被选中，这意味着它也不应该突出显示当前日期。

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

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

它似乎是脚本中的一个错误。谁能帮助我并告诉我如何解决它？

这是我的小提琴，它显示了一个工作示例。

4

2 回答 2

6

只需将此添加到您的 css 文件以重置.active默认样式，直接更改引导 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;
    }
于 2013-02-02T04:16:29.677 回答
-1

只需添加setDate，null这就是我解决问题的方式

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

希望能帮助到你

于 2014-08-07T16:08:29.123 回答