需要禁用 bootstrap 时间选择器的输入

Question

我正在使用 Bootstrap 时间选择器。我已经成功地实施了它。但我需要的是用户只能插入 30 分钟的间隙，如：10:00、10:30、11:00 等。为此，我尝试了 minuteStep，如下所示，它有效完美。

 $('#fantasyleague-draft_time').timepicker({
     template: false,
     showInputs: false,
     minuteStep: 30
 });

但问题是用户可以根据需要输入时间。那么，如何防止它手动输入时间呢？

Answer 1

尝试 <input type="text" disabled>..它不允许做任何事情..30 分钟后使用 javascript 或 jquery

删除 disabled 属性

Answer 2

在您的文本框中尝试这样的内容:->

<input type="text" id="fantasyleague-draft_time" readonly="readonly">

Answer 3

到目前为止我所做的是：

<input type="text" id="fantasyleague-draft_time" readonly>

已添加CSS

fantasyleague-draft_time{cursor: pointer;}

和 JS:

 $('#fantasyleague-draft_time').timepicker({
     template: false,
     showInputs: false,
     minuteStep: 30
 });

need to disable input for bootstrap timepicker