2

我在使用 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 日期选择器中看到过这样的问题？

4

1 回答 1

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
于 2012-06-05T17:15:13.033 回答