我有一个输入框,其类型为"日期",在IE中一切正常,但在最新版本的Chrome中,它带有一个微调器,向下箭头和占位符为mm/dd/yyyy.
在Chrome中,点击该字段Chrome会打开一个日期选择器,我已经为我的应用程序使用映射了jquery ui的datepicker.这两者都在冲突,如下所示:


我已经应用了如下修复:
input[type="date"]::-webkit-calendar-picker-indicator{
display:none;
-webkit-appearance: none;
margin: 0;
}
input[type="date"]::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
}
/** THIS DOESN'T WORK **/
input[type="date"]::-webkit-input-placeholder{
display:none !important;
-webkit-appearance: none !important;
visibility: hidden !important;
}
/** THIS DOESN'T WORK **/
Run Code Online (Sandbox Code Playgroud)
添加上面的代码后,看起来很明智:

上面的代码隐藏了激活Chrome日期选择器的微调器和箭头.但是有一个问题,占位符('mm/dd/yyyy')仍然存在于输入文本框中; 我的jquery ui的日期选择器很好,但是当我选择任何日期时,占位符仍在那里.
该输入框中没有设置任何值.
需要知道如何删除该占位符以设置值; 我用于该应用程序的日期格式也是yyyy/mm/dd.
Chrome版本为:版本27.0.1448.0
提前致谢!!!
我一直在摸不着头两天,很确定我只是错过了一些简单的东西,但我不能为我的生活弄清楚为什么它不起作用.
我正在尝试使用下面的WordPress网站上的脚本来禁用ContactForm7表单中的datepicker字段中的特定日期.
我可以使用相同的id在一个简单的输入字段中加载jsfiddle中的脚本并且它完美地运行...但是当我将它添加到我的站点时,日期不会被禁用,并且JS错误控制台中出现错误,说" jQuery(...).datepicker不是一个函数"
我已经将它添加到我的header.php文件中,就在wp_head()电话下方和</head>标签上方.我已经为我的datepicker字段分配dpick了脚本使用的id .
我读的是使用时,这个错误的常见原因$符号,因为它可以在WordPress等jQuery的脚本......冲突所以他们建议更换$与jQuery替代(这是我在下面的脚本已经做了)......但我仍然得到错误
var unavailableDates = ["1-9-2013", "2-9-2013", "3-9-2013", "4-9-2013", "5-9-2013"];
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if (jQuery.inArray(dmy, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Unavailable"];
}
}
jQuery(function() {
jQuery( '#dpick' ).datepicker({
dateFormat: 'dd MM yy',
beforeShowDay: unavailable
});
});
Run Code Online (Sandbox Code Playgroud)
不能感谢你足够的任何帮助你可以提供...这似乎是一件很简单的事情,但我似乎无法绕过它!