在移动浏览器上隐藏 iOS 日期选择器

Hide iOS datepicker on mobile browser

我有一个网页,其中显示 jQuery 桌面浏览器上的日期选择器。但是在 iOS 上,原生 iOS 日期选择器与 jQuery 日期选择器

一起显示

为了保持一致性,我们希望始终使用 jQuery 日期选择器,但这意味着我们必须隐藏 iOS 日期选择器。有什么办法吗?

将输入更改为

type="text"

防止默认 OS 行为并在服务器端验证输入。

另一个解决方案可能是添加到输入

readonly="true"

我们无法通过隐藏移动日期选择器完全解决问题,但我们通过在移动设备上隐藏 jQuery 日期选择器确实解决了问题。我们使用这个库来告诉我们正在使用什么浏览器:https://github.com/gabceb/jquery-browser-plugin