jquery - readonly attr 禁用 jQuery datepicker

Question

我有输入，可以激活 jQuery Datepicker 以允许用户选择日期。它们看起来像这样:<input type="text" id="from" name="from" value="'.$from.'" />

由于用户将在手机上选择这些日期，因此我需要禁用 native 键盘，因此我将它们设置为只读，如下所示:$("#from").attr("readonly",true);请注意，我还需要它们为 readonly因为我对日期等有限制。

虽然上述内容在台式机/笔记本电脑浏览器中运行良好，但我无法使用我的 iPhone 选择日期(已测试 Safari 和 Mercury)。当我点击输入时，什么也没有发生。如果需要，请在移动设备上查看该网站:http://www.recordyouradventures.com/testsite

那么我是否遗漏了一些东西，因为根据我的想法，日期选择器会覆盖 readonly就像在桌面浏览器上一样。

我尝试过设置 type="date"和readonly="readonly"在 HTML 中，两者仍然将输入锁定到手机。

提前致谢。干杯!

Answer 1

//您可以强制日期选择器在单击只读文本框时变得可见。

$('#text_field').click(function(){
    $(this).datepicker('show');
});