我尝试了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(),
});
答案 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小部件。