2013-02-01 64 views
1

我使用的是用於Twitter Bootstrap的datepicker。我需要禁用選中的當天,這意味着它也不應該突出顯示當前日期。在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,它顯示了一個工作示例。

+0

'todayHighlight'是'默認FALSE' –

回答

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; 
    } 
-1

只需添加setDatenull,這就是我已經解決了我的問題

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

希望它可以幫助

相關問題