防止键盘在 datepicker mobile 上弹出

Question

我在这里有一个带有预订小部件和日期选择器的页面：

http://anivillas.com/

（预订您的住宿）

以下代码设置为在选择日期选择器时尝试防止键盘出现在移动设备上。

<script type="text/javascript">
jQuery(function() {
 jQuery( ".hasDatepicker" ).hasDatepicker({ 
 }).attr('readonly','readonly');
});
</script>

这适用于台式机，但不适用于移动设备。 有人知道如何防止键盘在手机上弹出吗？

Answer 1

尝试以下操作（取自ipad Web应用程序：如何防止键盘在jquery datepicker上弹出 ）：

$(".datePicker").datepicker({
    showOn: 'button',
    onClose: function(dateText, inst) 
    { 
        $(this).attr("disabled", false);
    },
    beforeShow: function(input, inst) 
    {
        $(this).attr("disabled", true);
    }
});

Answer 2

对于寻找此答案的其他人，请在此处回答： 在聚焦 <input> 时防止 iphone 默认键盘

这些都对我有用 - 按如下方式编辑 HTML 标记，而不是添加 JS 或 jQuery：

<input ... readonly="readonly">
<input ... inputmode='none'>

Answer 3

只需将“只读”属性添加到表单字段：

<input id="datepicker" type="text" name="name" required="" readonly>