jquery ui datepicker，更改禁用日的单元格颜色答案

【问题标题】：jquery ui datepicked, change cell colour of disabled dayjquery ui datepicker，更改禁用日的单元格颜色
【发布时间】：2025-12-02 02:25:01
【问题描述】：

我有一个 jquery ui datepicker，我正在使用 beforeShowDay 来禁用某些日期并分配一个自定义 css。

即

.css-class-to-highlight {

background: none #000000;
border: 1px solid #000000;

}

这只会在日期单元格周围添加一个模糊的边框，我还想更改透明度和填充颜色，我该如何实现？

我正在使用这个 CSS 主题 http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

【问题讨论】：

标签： jquery css jquery-ui uidatepicker

【解决方案1】：

添加这段代码，这将处理一切。

 var selectedDate = new Date(date);
 var msecsInADay = 86400000;
 var endDate = new Date(selectedDate.getTime() + msecsInADay);

 jQuery('#yourCntrlId').datepicker("option", "minDate", endDate);

【讨论】：

【解决方案2】：

我设法找到了一个我对以下 css 感到满意的解决方案；

.ui-datepicker-unselectable.css-class-to-highlight span.ui-state-default {

background: none #000000;
border: 1px solid #000000;

}

唯一我无法解决的问题是移除透明度。

【讨论】：