Ipad +如何防止键盘在jquery datepicker上弹出

我想从我的Ipad中禁用键盘弹出窗口，所以我做了这样的事情，但这不是我的愿望。

我有一个文本框：

<h:inputText id="txtDate" value="#{myDateController.selected.DOB}" 

我尝试使用“readonly”属性，但数据无法保存到数据库。 我也用这个：$（“＃frmEdit \：txtDate”）。attr（“disabled”，true） – >但是不行

我在网上搜索并使用此链接应用我的代码，但它也不行： ipad web应用程序：如何防止键盘弹出jquery datepicker

 $(function() { //$("#frmEdit\\:txtDate").attr("disabled", true) $("#frmEdit\\:txtDate").datetimepicker({ // showOn: "button" showOn: "both", buttonImage: "../images/calendar.png", buttonImageOnly: true, constrainInput: true, showButtonPanel: true, dateFormat: 'dd-M-yy', addSliderAccess: true, sliderAccessArgs: { touchonly: false }, onClose: function(dateText, inst){ $(this).attr("disabled", false); }, beforeShow: function(input, inst){ $(this).attr("disabled", false); } }); }); 

我的代码出了什么问题？ 或任何其他解决方案吗？ 非常感谢

Answer 1

您是否尝试过使用HTML禁用输入字段（因此添加disabled="disabled" ）？

Answer 2

HTML中有一个选项让你做这样的事情：

 readonly="true" 

将其添加到输入字段元素。 它会对输入字段进行“禁用”，但在完成某些操作时仍会触发事件（例如点击它）。

---

查看W3Schools Readonly属性以获取更多信息。

Answer 3

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

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

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

Answer 4

正确答案往往是最简单的答案。

readonly="true"

是解决方案