我在使用 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 日期选择器中遇到过这样的问题吗?
最佳答案
您没有加载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
关于javascript - jQuery UI 日期选择器显示不正确(透明),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10901723/