javascript - jQuery ui 日期选择器 : Remove yellow highlight on (unhighlight) today's

Question

如何去除日期选择器今天日期的黄色突出显示？当我的日期选择器通过输入字段调用时我能够做到这一点(从这里得到它:Jquery datepicker: highlight 'today' when clicked?)，但是当它通过 div 调用时不能(inline = 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);
        }
    });
});

Answer 1

试试这个 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;
}