防止键盘在 datepicker mobile 上弹出答案

【问题标题】：prevent keyboard from popping up on datepicker mobile防止键盘在 datepicker mobile 上弹出
【发布时间】：2018-08-08 19:02:19
【问题描述】：

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

http://anivillas.com/

（预订住宿）

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

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

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

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

试试这个（取自ipad web application: How do I prevent the keyboard from popping up on jquery datepicker）：

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

【讨论】：

我试过了，但没有用。该代码目前也在运行。 @user3559787

【解决方案2】：

对于寻找这个答案的其他人，这里得到了回答： prevent iphone default keyboard when focusing an <input>

其中任何一个都对我有用 - 如下编辑 HTML 标记，而不是添加 JS 或 jQuery：

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

【讨论】：