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

如何在文本输入字段-JQuery Datepicker中禁用手动输入,jquery,jquery-ui,Jquery,Jquery Ui,我有一个文本框,我可以找到该文本框的ID。将JQuery日期选择器绑定到该文本框。我的要求是用户只能通过Datepicker选择值。用户无法手动输入值。可能吗 非常感谢您的帮助 将文本框设置为只读 <input type="text" size="23" id="dateMonthly" readonly="readonly" style="background:white;" /> 将“只读”添加到标记中 <input type="text" name="date"

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


非常感谢您的帮助

将文本框设置为只读

<input type="text" size="23" id="dateMonthly" readonly="readonly" style="background:white;" />
将“只读”添加到标记中

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

尝试以下方法:

HTML


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

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



你好,尼古拉,谢谢你的帮助。工作!谢谢Nikola,如果您有最小日期字段,这是一个非常好的选择,但是如果它们的日期太多呢fields@Ravindra第一个选项是用类替换id=“dateMonthly”,这样您就可以在jquery中使用该类选择器,并可以匹配许多日期字段,第二个选项是使用IDE的“查找/替换”功能来添加readonly=“readonly”。@Nikola是的,你是对的,但我没有时间了,无法在每个字段上添加类。我的应用程序中有数百个日期字段。@Ravindra您应该找到一些常用的选择器,然后再应用jQuery代码
  <input type="text" name="date"  readonly>
<input class="date-input" type="text" readonly="readonly" />
.date-input {
      background-color: white;
      cursor: pointer;
}
<input onkeydown="return false" ... />