如何以只读方式禁用日期选择器输入的删除按钮答案

【问题标题】：How to disable delete button for datepicker input readonly如何以只读方式禁用日期选择器输入的删除按钮
【发布时间】：2017-11-25 05:46:08
【问题描述】：

以下代码不允许用户输入新字符，但允许删除字符：

$("#input_txt").keypress(function(event) {
event.preventDefault();
});

但我不想让删除字符，怎么做？

【问题讨论】：

标签： jquery

【解决方案1】：

防止按键是一种防止用户输入的肮脏和错误的方法。而是尝试禁用（由@Aenadon 回答）或使其只读（由@GuruprasadRao 评论）。

禁用它还会禁用与文本框的任何交互，同时使其只读允许用户浏览文本。在这两种情况下，用户都无法更改文本框中的任何内容（是的，甚至无法删除）。

您可以像这样使用 jQuery 完成上述操作：

$("#input_txt").prop("disabled", true); // Disable the text box
$("#input_txt").prop("readonly", true); // Make the text box read only

【讨论】：

【解决方案2】：

你不应该使用 keypress 事件，你应该使用 keydown。它会为你工作。

$("#input_txt").keydown(function (event) {
                event.preventDefault();
            });

【讨论】：

【解决方案3】：

您需要完全禁用输入字段。在输入标签中添加禁用：

<input (...) disabled>

现在它是灰色的，你不能编辑它。

【讨论】：