这就是我正在尝试的方式
<script type="text/javascript">
$(document).ready(function(){
$('#dateIn,#dateOut').click(function(e){
e.preventDefault();
});
});
</script>
但输入仍然“启动” iphone 的键盘
ps：我想这样做是因为我正在使用 datepicker 插件进行日期
通过将属性readonly（或readonly="readonly"）添加到输入字段，您应该防止任何人在其中输入任何内容，但仍然能够在其上启动单击事件。
当您使用日期/时间选择器时，这在非移动设备中也很有用
<input inputmode='none'>
在
inputmode全局属性是一个枚举属性，在可能的同时用户编辑元素或其内容输入数据的类型提示。它可以具有以下值：
none- 没有虚拟键盘。当页面实现自己的键盘输入控件时。
我成功地使用了这个（在Chrome/Android上测试）
您可以向 DatePicker 添加回调函数，以告诉它在显示 DatePicker 之前模糊输入字段。
$('.selector').datepicker({
beforeShow: function(){$('input').blur();}
});
注意：iOS 键盘将出现几分之一秒然后隐藏。
下面的代码对我有用：
<input id="myDatePicker" class="readonlyjm"/>
$('#myDatePicker').datepicker({
/* options */
});
$('.readonlyjm').on('focus',function(){
$(this).trigger('blur');
});
由于我无法对最高评论发表评论，因此我被迫提交了“答案”。
所选答案的问题在于将字段设置为只读会使该字段脱离 iPhone 上的 Tab 键顺序。因此，如果您喜欢通过点击“下一步”来输入表单，您将直接跳过该字段。