jQuery UI 日期选择器的问题

Posted 2023-03-06

【中文标题】jQuery UI 日期选择器的问题

【英文标题】：Problems with jQuery UI Datepicker

【发布时间】：2010-10-04 04:37:39

【问题描述】：

好的，我推出了我自己的主题，我制作了一个自定义的 jQuery UI 包（进度条、日期选择器、滑块）并安装了它。似乎（大部分）工作，除了两件事：

当我的页面第一次加载时，日期选择器 div 是可见的；和 “下一个”和“上一个”文本在我的图标下方以大字体显示。这些示例似乎都没有这个问题。

现在（1）我目前正在解决：

#ui-datepicker-div  display: none; 

在另一个 CSS 文件中，但似乎没有一个演示需要这个。

我错过了什么？

【问题讨论】：

启动萤火虫，突出显示按钮并找出正在分配的样式。然后将它们发布在这里，这应该有助于我们调试您的问题。

【参考方案1】：

由于没有人回答问题的第二部分......

将以下两行添加到您的 .ui-icon CSS：

text-indent: -99999px;
overflow: hidden;

这应该会修复“上一个”和“下一个”的显示。

【参考方案2】：

请从 instActive.inline 到 (typeof(instActive) == 'undefined' || instActive.inline)

在你的 jqueryui.js 中

关于这个 goto 的讨论->http://code.google.com/p/jquery-datepicker/issues/detail?id=285

【参考方案3】：

对我来说，css 不包括在内 (jquery.ui.datepicker.css)。所以我在页面底部看到了一个 div (ui-datepicker-div)，我收到了 FireBug 的以下错误：instActive is undefined。

【参考方案4】：

我遇到了类似的问题，因为我在使用的 jQuery UI 版本中使用了错误的样式表版本（我在没有升级样式表的情况下升级了 jQuery UI）。如果您使用的是 jQuery UI 1.8.17，请确保使用的样式表也是 1.8.17 版本。

【讨论】：

我想知道为什么这个问题在将近 3 年后才从保险库中挖出来？

不知道，但我们在这里遇到了同样的问题

这也刚刚开始发生在我身上。我用主题滚轮滚动了自己的主题，遇到了同样的问题。

【参考方案5】：

好的，非常感谢，这是工作兄弟，这是我解决的问题： 将此样式写入文件 jquery-ui-1.7.1.custom.css（或您加载的任何 css 文件）：

#ui-datepicker-div  display: none; 

然后刷新你的页面

【参考方案6】：

我使用 #ui-datepicker-div display: none; 修复了它

【参考方案7】：

确保您的 javascript 文件已正确加载，检查丢失的文件或不正确的路径。 确保您的脚本在文档准备好后运行，尝试将您的脚本放在 $(document).ready() 之前和/或内部 尝试剥离您自己的 css 以查看是否存在 css 冲突。 在这里为我们发布一些代码。 :)

【参考方案8】：

对您的问题一无所知，我相信它可能是您页面上的其他 css 与选择器冲突。