我如何在文本输入字段中禁用手动输入-JQuery Datepicker

Question

我有一个文本框，我可以找到该文本框的ID。将JQuery日期选择器绑定到该文本框。我的要求是用户只能通过Datepicker选择值。用户无法手动输入值。有可能吗？

任何帮助都非常感谢！

Answer 1

使文本框为只读

<input type="text" size="23" id="dateMonthly" readonly="readonly" style="background:white;" />

或通过jquery

$('#dateMonthly').attr('readonly', true);

Answer 2

向标签添加“只读”。

  <input type="text" name="date"  readonly>

Answer 3

尝试这样的事情：

HTML

<input class="date-input" type="text" readonly="readonly" />

CSS

.date-input {
      background-color: white;
      cursor: pointer;
}

Answer 4

只读或已禁用至少对我不起作用。

我们可以覆盖输入控件上的键事件

<input onkeydown="return false" ... />