在opera中禁用本机datepicker

Question

我想制作一个在所有主流桌面浏览器中看起来相同的自定义日期选择器。我使用jquery-ui，设法在Chrome中禁用本机日期选择器，但我无法在Opera中找到任何方法。

Answer 1

我知道这个问题已经得到解答，但在this post中有更好的解决方案。

它说：

---

隐藏箭头：

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

隐藏提示：

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

Answer 2

Modernizr可用于检查浏览器是否具有本机日期选择器支持。如果存在，则可以添加Jquery UI datepicker：

if (Modernizr.inputtypes.date) {
// add here  jquery UI datepicker  

}

Answer 3

我找不到任何解决方法如何禁用本机opera datepicker，因此我决定在jquery-ui datepicker初始化之后将输入元素的类型从日期更改为文本。多亏了我已经摆脱了任何其他原生元素，如日期微调器或清除按钮。它适用于所有最新的浏览器。