jQuery UI日期选择器显示不正确(透视)

时间:2012-06-05 17:10:19

标签: javascript jquery css jquery-ui internet-explorer

我在使用jQuery日期选择器控件时遇到了一些困难。在我的应用程序中,我使用最基本的方法来调用日历:

$('#elmt').datepicker();

目标元素是弹出div上的输入文本框。每当我点击文本框时,日历都会显示为透明:http://s17.postimage.org/4knyxgvjz/see_thru_calendar.png

我已经在Stackoverflow上尝试了一些建议来调整ui-datepicker类的z-index:

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important; }

但这也没有什么不同。我的测试环境正在运行Internet Explorer 7(日历在jQuery-UI提供的示例index.html上呈现正常)。

有没有人用jQuery UI datepicker看到这样的问题?

1 个答案:

答案 0 :(得分:3)

您没有加载jQuery UI datepicker的相关CSS,这导致日历显示为“透视”。

要对其进行测试,请编辑jQuery UI的CSS文件并更改此class background

.ui-widget-content {
    background: #000;
}
  • 如果日期选择器获得黑色背景,则样式表正在显示 已加载,但图像的路径可能有误。

  • 如果没有黑色背景,则表示未加载样式表。


确认样式表上是否存在问题的另一种方法是直接从jQuery CDN包含CSS:

http://code.jquery.com/ui/1.8.20/themes/redmond/jquery-ui.css