为什么随时jQuery插件的关键元素与背景融为一体/不可见？答案

【问题标题】：Why are the key elements of the anytime jQuery plugin blending in with the background/invisiblized?为什么随时jQuery插件的关键元素与背景融为一体/不可见？
【发布时间】：2013-04-23 18:03:35
【问题描述】：

anytime jQuery 插件的关键元素（当前月份、日期、年份、小时等）被“删除”，如下所示。为什么，但更重要的是，如何将一些淀粉重新放入那些关键元素中？

顺便说一句，这是在 jsfiddle 中，所以我没有任何“花哨”的 CSS 在幕后工作；我添加的唯一 CSS 非常少，也就是说：

labelText {
    font-family: verdana;
    white-space: nowrap;
}

更新

在 Visual Studio/browserland 中仍然在黄色背景上显示白色文本：

【问题讨论】：

标签： javascript jquery jquery-plugins datetimepicker anytime

【解决方案1】：

这一定是您使用的 jQuery UI 主题中的样式有问题，或者是 jsFiddle 样式干扰了样式。确实，与处理基于 Web 的开发工具混合时发生的所有奇怪交互相比，您最好在本地计算机上玩文件！

【讨论】：

好吧，等我把它迁移到“现实世界”看看它长什么样子，我就不用太担心了。
我现在已经在我的实际项目中使用它了，虽然不像在 jsfiddle 中那样难以阅读，但当前选择的 vals 仍然很难破译：黄色背景上的白色文本.我会用视觉证据更新我的帖子。

【解决方案2】：

使用 Colorzilla 对现有的配色方案（页面使用的两种颜色）进行“吸睛”，我可以让 Anytime datetimepicker 看起来不错：

...通过添加这个 CSS：

#AnyTime--BeginTime .AnyTime-lbl { color: #405DA9; font-weight:bold}
#AnyTime--BeginTime .AnyTime-cur-btn { background-color:#405DA9; border:1px solid #E25811; color:#E25811 }

我发现 Anytime 是，正如下载页面所说，“Der Mecedes，曾经是，der Rolls-Royce des Datepicker-Plugins”

我需要做的就是下载 CSS 和 js 文件，在我的页面中引用它们，将它们绑定到我的输入，如下所示：

AnyTime.picker("BeginDateTime");
AnyTime.picker("EndDateTime");

...添加上面显示的 CSS，瞧！ - 一个个性化的、呃...公司化的日期时间选择器。

我尝试的其他选项是 HTML5 时间输入元素，但各种浏览器都不太支持，至少现在还没有，所以目前不太实用； jQueryUI 日期选择器（不包括时间元素）；和一个不支持秒（仅分钟和小时）的“timeentry”插件。我发现 Anytime 看起来更好，并且在一个小部件中结合了日期和时间数据。它的用法（对我来说）有点不合常规（可能是由于它的非 jQuery 传统），但它运行良好，而且看起来也不错，所以...我对它非常满意。

【讨论】：