Question

如何在Bootstrap time Picker中禁用字母输入。

我的时间选择代码是：

<div class="bootstrap-timepicker">
  <input
    id="timepicker4"
    type="text"
    class="form-control"
    name="startingTime"
    value="00:00"
    required
  />
</div>

Jquery调用函数是：

jQuery('#timepicker4').timepicker({showMeridian: false}).

我该怎么办？但我不需要禁用输入我只需要不要输入字母..

Answer 1

将showInput设置为false，然后以span标记显示时间

showInputs : false

Answer 2

你可以这么做。

第一种方法： JSFiddle
第二种方式： JSfiddle

您可以在输入字段中使用onkeyup="this.value=this.value.replace(/[^\d]/,'')"。

jQuery('#timepicker4').timepicker({
  showMeridian: false
})

<div class="bootstrap-timepicker">
  <input id="timepicker4" type="text" class="form-control" name="startingTime" value="00:00" onkeyup="this.value=this.value.replace(/[^\d]/,'')" required/>
</div>

Bootstrap时间选择器禁用字母输入

2 个答案: