如何删除datepicker的今天日期上的黄色突出显示?通过输入字段调用datepicker时,我能够做到这一点(可从此处获取它:Jquery datepicker: highlight ‘today’ when clicked?),但通过div调用它时,则无法做到(内联= true)
我这样做的原因是我使用的是自定义时区,如果我根据时区设置了不同的今天日期,它仍会突出显示本地计算机的今天日期.
这是使用输入字段起作用的代码:
HTML:
<p>Date: <input type="text" id="datepicker" /></p>
Javascript:
$(function() {
$("#datepicker").datepicker({
beforeShow: function (input, inst) {
setTimeout(function() {
inst.dpDiv.find('a.ui-state-highlight').removeClass('ui-state-highlight');
}, 100);
}
});
});
解决方法:
试试这个DEMO
.ui-state-highlight{
border:1px solid #d3d3d3/*{borderColorDefault}*/ !important;
background:#e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/!important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
border:1px solid #aaaaaa/*{borderColorActive}*/ !important;
background:#ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/!important;
}