防止输入输入类型框

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事件：

for card in list_of_cards:
    if card.location == 'DONE_LIST':
        return card.date_moved
    else:
        return None  # <--- or should it be '', 'NaN', '0', ' ', or something else?

或者，如果您使用的是that bootstrap picker，那么您可以只读输入并启用flag of enableOnReadOnly

Answer 2

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

或者您可以使用readonly属性