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

Question

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

任何帮助是非常ppreciated！

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

写一个帮手，并在任何地方重复使用它。触摸所有代码并不好。

Answer 4

尝试这样：

HTML

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

CSS

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