不要在移动设备中显示输入类型 = 日期的日期选择器弹出窗口答案

【问题标题】：Don't display datepicker popup in mobile devices for input type=date不要在移动设备中显示输入类型 = 日期的日期选择器弹出窗口
【发布时间】：2018-03-20 07:37:08
【问题描述】：

如果我们输入type="date"，我们将在 android 和 ios 设备中看到一个日期选择器弹出窗口。我不想向用户显示该日期选择器弹出窗口，但用户可以直接在文本框中输入日期值。我希望输入类型为“日期”，因为我正在基于 min 和 max 属性进行验证。

【问题讨论】：

改用 type="text" 并使用 ng-pattern 或仅在 ng-change 上执行函数来进行验证。这些日期选择器可以隐藏在桌面中，但不能隐藏在移动浏览器中。它们基本上是移动设备中的模态

标签： javascript css angularjs html

【解决方案1】：

要隐藏日期选择器弹出窗口，您可以通过 css 隐藏它。

input::-webkit-calendar-picker-indicator{
    display: none;
}
input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

&lt;input type=date /&gt;

【讨论】：