jquery - 如何在文本输入字段中禁用手动输入 - 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" ... />

Answer 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 
  }