Question

我在一个页面中使用多个ui主题。我创建了一个css范围的自定义主题，让我们说#scope。我在范围中使用了一个datepicker字段，让我们说#scope input#datepicker。 datepicker字段没有从ui主题获得css个样式。我想这是因为它是在#scope之外动态创建的，我该如何改变它，以及如何使它从范围内获取样式。

Answer 1

我在代码中添加了一个包装div来解决这个问题。

$(document).ready(function(){
    $("#ui-datepicker-div").wrap('<div class="ui-layout-center" />');
});

Answer 2

@bkilinc，你是对的。日期选择器日历附加到自定义范围之外的document.body。

http://bugs.jqueryui.com/ticket/4591 http://bugs.jqueryui.com/ticket/4306

在如下结构中，日历超出了容器的范围。

<style type="text/css">
    .calendarContainer .ui-datepicker {
        /* rule intended to affect only .calendarContainer */
    }
</style>
...
<body>
    <div class="calendarContainer"><input name="date"/></div>
    <div class="ui-datepicker"> (generated calendar)</div>
</body>

Answer 3

我记得遇到同样的问题，请检查一般定义的样式，例如span，它可能与ui样式重叠。

jquery datepicker超出了css范围

3 个答案: