【问题标题】:Disabling current day highlighting on Twitter Bootstrap Datepicker在 Twitter Bootstrap Datepicker 上禁用当前日期突出显示
【发布时间】:2013-02-01 18:03:15
【问题描述】:

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

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

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

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

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

【问题讨论】:

  • todayHighlight 默认为false

标签: javascript twitter-bootstrap parameters datepicker


【解决方案1】:

只需将此添加到您的 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;
    }

【讨论】:

    【解决方案2】:

    只需将setDate 添加到null,这就是我解决问题的方法

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

    希望对你有帮助

    【讨论】:

      猜你喜欢
      • 2013-04-10
      • 2014-04-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-03-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多