ipad web应用程序:如何防止键盘在jquery datepicker上弹出

Question

我有一个带有日期字段的表单,附带了一个jquery datepicker.

当我选择日期字段时,弹出日期选择器,然后iPad键盘滑入视图并遮挡日期选择器.

在这种情况下如何防止键盘弹出？

Answer 1

我使用了Rob Osborne解决方案的略微修改版本,它成功地阻止了键盘在iPad和iPhone上弹出.

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

Answer 2

而不是禁用输入给它一个"只读"属性.这比禁用它更好,因为您可以保存表单而不更改它.

这里有关于readonly的更多信息.

Answer 3

这就是我设法解决这个问题的方法,让浏览器认为用户模糊了输入,所以它在有时间显示之前隐藏了键盘:

$('blabla')
    .datepicker(
    {
        /* options */
    })
    .on('focus',function()
    {
        $(this).trigger('blur');
    });

对我来说效果很好,我找到的许多其他解决方案都没有!