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

标签 css jquery-ui jquery-ui-datepicker

有谁知道如何指定 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”选项......

谢谢

最佳答案

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

关于css - jQuery UI datepicker - 日期选择器弹出窗口的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5612393/

相关文章:

html - CSS 内容属性 : is it possible to insert HTML instead of Text?

html - 位置绝对底部 : Do not change flow of text

html - jQuery UI 对话框在 FF5 中有不需要的垂直滚动条

javascript - 在 jQuery UI Datepicker 的输入中显示完整日期

jquery-ui - 如何使 jqueryUI datepicker 以与显示的格式不同的格式提交?

css - 如何在 Firefox 上打印条码 39

html - 如何使网格的内容可滚动并删除右侧的滚动条

jquery - jQueryUI 组合框上的 KnockoutJS 数据绑定(bind)值

javascript - 如何使用 jquery 验证重置错误消息?

javascript - 如何循环进入 jQuery UI 受限 DatePicker