jQuery Datepicker突出显示我的给定日期&删除当前日期突出显示

时间:2013-07-26 13:28:29

标签: jquery jquery-ui-datepicker

我尝试了setDate函数,它为所提到的日期添加了ui-state-active,这很好。

我已为ui-state-active编写课程,以便高亮显示。

但是当前日期也显示为ui-state-hightlight突出显示。 我想删除此类添加当前日期。

我猜这个突出显示是通过日期选择器功能的默认属性发生的。

但它没有,写得像这样:

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

2 个答案:

答案 0 :(得分:3)

使用以下内容覆盖默认css .ui-datepicker-today a.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

答案 1 :(得分:0)

我通过非常简单的方式解决了这个问题:我刚从jquery.ui.css中删除了ui-state-highlight类的所有css规则。通过向ui-state-highlight类添加一个css规则,当前日期高亮显示黑色边框(类似于Windows 7中的日期选择):

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

但我在项目中只使用了一个日期选择器ui小部件。