需要禁用bootstrap timepicker的输入

Question

我正在使用Bootstrap时间选择器。我已经成功实现了它。但我需要的是用户只能插入30分钟的间隙，如：10：00,10：30,11：00等。我试过的是minuteStep，如下所示，它完美无缺。

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

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

为此，我引用了bootstrap timepicker

Answer 1

到目前为止我所做的是：

<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
 });

Answer 2

尝试<input type="text" disabled> ..它将不允许执行任何操作。在30分钟后使用javascript或jquery删除disabled属性

Answer 3

在文本框中尝试以下内容： - ＆gt;

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