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

【问题标题】：how can I disable manual inputs in the text input field- JQuery Datepicker如何在文本输入字段中禁用手动输入 - JQuery Datepicker
【发布时间】：2013-05-28 19:26:52
【问题描述】：

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

非常感谢任何帮助！

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

将文本框设为只读

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

或通过 jquery

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

【讨论】：

您好，尼古拉，感谢您的帮助。成功了！
感谢 Nikola，如果您有最少的日期字段，这是一个很好的选择，但如果日期字段太多怎么办
@Ravindra 第一个选项是将 id="dateMonthly" 替换为类，这样您就可以在 jquery 中使用该类选择器并且可以匹配许多日期字段，第二个选项是使用 Find/替换 IDE 的功能以添加 readonly="readonly"。
@Nikola 是的，你是对的，但我的时间不多了，无法在每个字段上添加课程。我的应用程序中有数百个日期字段。
@Ravindra 你应该找到一些常见的选择器/选择器，而不是应用 jQuery 代码

【解决方案2】：

在标签中添加“只读”。

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

【讨论】：

【解决方案3】：

试试这样的：

HTML

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

CSS

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

【讨论】：

【解决方案4】：

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

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

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

【讨论】：

【解决方案5】：

<input class="form-control datepicker" id="datepicker" name="sn_rg" placeholder="Fecha de salida y regreso" type="text" required="" >

var dateToday = new Date()
  if (document.querySelector('#datepicker')) {
    flatpickr('#datepicker', {
      mode: "range",
      numberOfMonths: 3,
      showButtonPanel: true,
      minDate: dateToday
    }); // flatpickr 
  }

【讨论】：

（这可能是第一个从字面上理解这个问题的答案。）
（您使用不同的语言发布到英语 SO。并且“希望这有助于”在回答中暗示，并且网络非常欢迎作为文本：“噪音”。）