需要禁用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
 });