Search code examples
javascripttwitter-bootstraptimepickerbootstrap-timepicker

need to disable input for bootstrap timepicker

I am using Bootstrap time-picker. I have successfully implemented it. But what I need is user is only able to insert in 30 min gap like: 10:00,10:30,11:00 etc. For that I have tried is minuteStep as shown below, and it works perfect.

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

But what is the issue is user can type time as he need. So, how to prevent it to enter time manually?

For this I have refer bootstrap timepicker

Solution

  • What i have done so far now is :

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

    Added CSS

    fantasyleague-draft_time{cursor: pointer;}

    and JS:

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