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

Question

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

Answer 1

您没有加载 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