Bootstrap time picker disable alphabets entering

Question

How to disable alphabet entering in Bootstrap time Picker.

My time Picker code is:

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

And Jquery Calling function is:

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

What can I do? But i dont need to disable Input i only need dont type alphabets..

Bootstarp link is: https://github.com/jdewit/bootstrap-timepicker/graphs/contributors — Bala Murugan, Jan 05 '16 at 09:52
Possible duplicate of [need to disable input for bootstrap timepicker](http://stackoverflow.com/questions/34555563/need-to-disable-input-for-bootstrap-timepicker) — Ishan Shah, Jan 05 '16 at 10:14

score 2 · Accepted Answer · answered Jan 05 '16 at 10:00

2

Set the showInput false, then display time in span tag

showInputs : false

answered Jan 05 '16 at 10:00

msvairam

862
5
12

Chonchol Mahmud · Answer 2 · 2016-01-05T10:30:40.750

You can do this many way.

First way to do: JSFiddle
Second way to do: JSfiddle

You can use onkeyup="this.value=this.value.replace(/[^\d]/,'')" in your input field.

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 time picker disable alphabets entering

2 Answers2