Javascript 为什么anytime jQuery插件的关键元素与背景/不可见的元素混合在一起?
anytime jQuery插件的关键元素(当前月、日、年、小时等)被“屏蔽”,如下所示。为什么,但更重要的是,如何将一些淀粉重新添加到这些关键元素中 顺便说一句,这是在JSFIDLE,所以我没有任何“花哨”的CSS在幕后工作;我添加的唯一CSS非常少,即:Javascript 为什么anytime jQuery插件的关键元素与背景/不可见的元素混合在一起?,javascript,jquery,jquery-plugins,datetimepicker,anytime,Javascript,Jquery,Jquery Plugins,Datetimepicker,Anytime,anytime jQuery插件的关键元素(当前月、日、年、小时等)被“屏蔽”,如下所示。为什么,但更重要的是,如何将一些淀粉重新添加到这些关键元素中 顺便说一句,这是在JSFIDLE,所以我没有任何“花哨”的CSS在幕后工作;我添加的唯一CSS非常少,即: labelText { font-family: verdana; white-space: nowrap; } 更新 在Visual Studio/browserland中仍在黄色背景上显示白色文本: 这一定是您正在使
labelText {
font-family: verdana;
white-space: nowrap;
}
更新
在Visual Studio/browserland中仍在黄色背景上显示白色文本:
这一定是您正在使用的jQuery UI主题中的样式有问题,或者是JSFIDLE样式干扰了样式。真的,在本地计算机上玩文件比在混合使用基于web的开发工具时处理所有奇怪的交互要好得多 使用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 }
我发现,正如下载页面所说,任何时候都是“Der Mecedes,ach was,Der Rolls Royce des Datepicker插件”
我所需要做的就是下载CSS和js文件,在我的页面中引用它们,将它们绑定到我的输入中,如下所示:
AnyTime.picker("BeginDateTime");
AnyTime.picker("EndDateTime");
…添加上面显示的CSS,瞧个性化的,呃。。。公司化,日期时间选择器
我尝试过的其他选项是HTML5时间输入元素,但各种浏览器都不太支持它,至少现在还不支持,所以目前还不是很实用;jQueryUI日期选择器(不包括时间元素);以及一个不支持秒(只有分钟和小时)的“timeentry”插件。我发现Anytime看起来更好,它将日期和时间数据合并到一个小部件中。它的用法(对我来说)有点不传统(可能是因为它的非jQuery传统),但它工作得很好,而且看起来也不错,所以…我对它非常满意。好的,在我将它迁移到“真实世界”并看到它的样子之前,我不会太担心它。我现在已经在实际项目中使用它了,虽然不像JSFIDLE中那么难读,但当前选择的VAL仍然很难破译:黄色背景上的白色文本。我会用视觉证据更新我的帖子。