我在使用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看到这样的问题?
答案 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