readonly attr正在禁用jQuery datepicker

Question

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

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

虽然上述功能在台式机/笔记本电脑浏览器中运行良好，但我无法使用iPhone（Safari和Mercury测试）选择日期。当我点击输入时，没有任何反应。如果需要，请在移动设备上查看网站：http://www.recordyouradventures.com/testsite

所以我缺少一些东西，因为根据我的想法，datepicker将覆盖readonly，就像在桌面浏览器上一样。

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

提前致谢。干杯！

Answer 1

//您可以强制日期选择器在只读文本框中可见。

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

Answer 2

在html标记本身中使用readonly属性。 比如<input type="text" id="from" name="from" value="'.$from.'" readOnly />