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

Question

有谁知道如何指定 jQuery UI 的日期选择器将具有我自己的 CSS 类？

我不是在谈论日期选择器“创建于”的 div\input，而是在您打开日期选择器时出现的弹出窗口。

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

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

.ui-datepicker { blah }

但是，如果我有多个日期选择器，并且想为每个选择器设置不同的样式怎么办？我什至不能做类似的事情

.myContainer .ui-datepicker { blah }

因为日期选择器的 div 是由 jQuery 添加的，所以它就在 DOM 中的“body”下面。这就是为什么我问是否有一种方法可以指定 jQuery UI 将我自己的类添加到那个 div，有点像 jQuery UI 对话框中存在的“dialogClass”选项......

谢谢

Answer 1

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