2013-07-26 70 views
0

我試過setDate函數,它添加了ui-state-active日期提到這很好。jQuery Datepicker突出顯示我給定的日期和刪除當前日期高亮顯示

我已經爲ui-state-active寫過類,使得高亮顯示。

但是當前日期也顯示爲ui-state-hightlight突出顯示。 我想刪除當前日期添加的這個類。

我猜這個突出顯示是通過日期選擇器函數的默認屬性發生的。

但它沒有,這樣寫的:

$(".datepickerfuture").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    showOn: "both", 
    buttonImage: "../images/blank.gif", 
    buttonImageOnly: true, 
    minDate: new Date(), 
}); 
+0

你可以在jsfiddle.net上提供演示嗎? –

回答

3

通過覆蓋默認的CSS .ui-datepicker-todaya.ui-state-highlight與下面的一個。

.ui-datepicker-today a.ui-state-highlight { 
    border-color: #d3d3d3; 
    background: #e6e6e6 url(/themeroller/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
    color: #555555;  
} 

看看這個JSFiddle

0

我用很簡單的方法解決了這個問題:我剛剛刪除的UI狀態的高亮顯示類的所有CSS規則從jquery.ui.css。當前日期是由只添加一個CSS規則UI狀態高亮級的黑邊(如在Windows 7日期採摘類似)higlighting:

.ui-state-highlight { 
    border-color: black !important; 
} 

但我在我的項目只使用一個日期選擇器UI部件。