jQuery UI日期选择器 - 日期选择器弹出窗口的CSS类

Question

有人知道如何指定jQuery UI的日期选择器使用我的自定义CSS类吗？

我说的不是datepicker“制作”的div\input，而是打开datepicker时弹出的弹出窗口。

这个div的id是：ui-datepicker-div

我可以使用以下方式定义该弹出窗口的自定义样式：

.ui-datepicker { blah }

但是，如果我有几个日期选择器，并且想为每个选择器设置不同的样式呢？ 我甚至无法像这样做：

.myContainer .ui-datepicker { blah }

自从日期选择器的div被jQuery添加到DOM中“body”下面，所以我想知道是否有一种方法可以让jQuery UI指定将我的自定义类添加到该div中，就像jQuery UI的对话框中存在的“dialogClass”选项一样...

谢谢

- bloodcell

Answer 1

您是正确的，页面上只有一个实际的日期选择器 UI 元素，但您可以使用 beforeShow 事件为不同的元素添加类别或更改主题。我添加了一个小演示，可为不同的日期选择器更改边框。您可以根据需要添加其他样式，甚至可能通过足够的努力切换到不同的 jQuery 主题 :-)

- andyb

Answer 2

我认为这不可能通过简单的选项实现，但我认为可以做到，代码可以在这里看到。

您应该能够看到类设置在哪里，虽然我不是JavaScript大师，但应该可以做到这样：

Datepicker.prototype._currentClass = Datepicker.prototype._currentClass + '-theme1';

然后定义一个类为ui-datepicker-current-day-theme1

不过可能会有人纠正我！

- Paul Creasey

Answer 3

默认情况下，JQuery UI 不支持在一个页面上使用多个日历样式。可能需要改变日期选择器组件以包含它，但是你需要花时间弄清楚如何修改 JavaScript。

- Andrew Jackman