防止输入输入框

Question

我有一个带输入框的日期选择器。 单击该框时，将显示日历小部件（Bootstrap Datepicker）。 我想防止用户在框中键入任何内容，这意味着他被迫从日历中进行选择。 怎么做？ 我尝试使用“禁用”，但禁用了所有功能。

 <div class="input"><label for="date posted">Date posted</label> <input class='datepicker' id="date-posted" name="date-posted" placeholder="Enter your date posted" required="" type="text"></div> 

Answer 1

只需禁用keydown事件：

<input onkeydown="return false" class='datepicker' id="date-posted" name="date-posted" placeholder="Enter your date posted" required="" type="text"></div>

或者，如果您正在使用该引导程序选择器，则可以将输入设为只读并启用enableOnReadOnly标志

Answer 2

$(".datepicker").keydown(function() {
    return false;
})

或者您可以使用readonly属性