删除默认 IOS 日期选择器的最佳方法答案

【问题标题】：Best way to remove default IOS date picker删除默认 IOS 日期选择器的最佳方法
【发布时间】：2014-07-14 16:58:45
【问题描述】：

我目前实现了 jQuery 日期选择器，它在所有浏览器上都运行良好，但是当我在移动设备 (iPad) 中查看时，IOS 默认日期选择器也会出现。删除它的最佳方法是什么？ CSS？改变输入类型？

这是我的输入元素的样子：

<input type="date" name="payment_Received" class="form-control datepicker" />
<script>
    j$(document).ready(function(e) {
        j$('.datepicker').datepicker({
            dateFormat:'yy-mm-dd'   
        });
    });
</script>

【问题讨论】：

用type="text"代替type="date"怎么样？
是的，很好的想法@Popnoodles - 应该可以解决问题。
这确实可以做到@Popnoodles。默认键盘出现，但老板没问题。为那个伙伴干杯。
您也可以阻止该键盘显示。

标签： javascript jquery ios css date

【解决方案1】：

只需使用type="text" 而不是type="date"

您还可以添加readonly="readonly" 以防止键盘出现。

【讨论】：

虽然这确实有效，但添加 readonly 属性确实会使输入字段看起来像已禁用，并且在 chrome 中，悬停状态是一个带有十字的圆圈，这不利于用户体验.不幸的是，我必须考虑多个设备/浏览器。