jQuery Datepicker - 不突出显示今天

Question

我正在使用 jQuery Datepicker(jQuery 1.11.3/jQuery UI 1.11.4 > 我绑定(bind)到这些版本，无法以任何方式更改或更改它们)。

开箱即用，jQuery Datepicker 今天突出显示以下方式:

    <td class="ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today"> <a class="ui-state-default ui-state-highlight ui-state-active" href="#" tabindex="144">26</a> </td>

现在我想摆脱 ui-state-highlight 类以防止这种行为。

我在网上搜索了很多提示，所有这些提示都或多或少与此相同(包括超时、.find() 等):

beforeShow:
function (textbox, instance) {
setTimeout(
function () {
$(
"#ui-datepicker-div td.ui-datepicker-today a.ui-state-highlight").removeClass('ui-state-highlight');
}, 300
);
//settimeout function end
}

但是所有这些解决方案都不起作用。

有人可以解决这个问题吗？

Answer 1

为了确保 jquery-ui 在显示 datepicker 后不会添加该类，您可以在渲染 datepicker 后运行此代码。

$('#ui-datepicker-div').datepicker({
   //options
})
.find('a.ui-state-highlight')
.removeClass('ui-state-highlight');