在Google Chrome中禁用原生日期选择器

Question

日期选择器登陆Chrome 20,是否有任何属性可以禁用它？我的整个系统使用jQuery UI datepicker和它的crossbrowser,因此,我想禁用Chrome原生日期选择器.有标签属性吗？

Answer 1

隐藏箭头:

input::-webkit-calendar-picker-indicator{
    display: none;
}

并隐藏提示:

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

Answer 2

如果你误用了,<input type="date" />你可以使用:

$('input[type="date"]').attr('type','text');

加载后将它们转换为文本输入.您需要先附加自定义日期选择器:

$('input[type="date"]').datepicker().attr('type','text');

或者你可以给他们一个班级:

$('input[type="date"]').addClass('date').attr('type','text');

Answer 3

你可以使用:

jQuery('input[type="date"]').live('click', function(e) {e.preventDefault();}).datepicker();

Answer 4

使用Modernizr(http://modernizr.com/),它可以检查该功能.然后你可以将它绑定到它返回的布尔值:

// does not trigger in Chrome, as the date Modernizr detects the date functionality.
if (!Modernizr.inputtypes.date) { 
    $("#opp-date").datepicker();
}

Answer 5

这对我有用

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}