Javascript jQuery datepicker使用Safari在iPhone上显示输入

我使用readOnly，它在桌面上工作没有问题（Chrome和Safari都可以正常工作）

但是，在mobile Safari上，如果用户单击日期选择器，则输入中的光标将闪烁

---

如果您有任何关于如何避免将注意力集中在移动设备上的建议，我们将不胜感激。

您可能希望尝试以下方法之一

防止选择的CSS：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

或者，如果您使用的是jQuery，则可以尝试阻止单击：

$(".my_input_box").on("click", function(e) {
    e.preventDefault();
    // Launch your datepicker manually here
}

---

这两个选项中的任何一个都有帮助？

这就是只读输入的工作原理。您可以在其中单击并选择文本，但不能对其进行修改。您必须覆盖预期的功能，这首先与使用

readonly

背道而驰。太棒了！我尝试了css一个，它的工作。它似乎对日期选取者有一些其他的影响，但我会弄清楚的。谢谢！