need to disable input for bootstrap timepicker

Question

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

after fiddling a while with the Bootstrap time-picker i came to the conclusion that you might have to do a hack with the Bootstrap time-picker js code to get it working the way you intended. Anyway Good Luck :-) — jyrkim, Jan 03 '16 at 07:52

score 2 · Answer 1 · answered Jan 01 '16 at 11:08

2

Try something like this in your text box :->

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

answered Jan 01 '16 at 11:08

Tony Stark

74
8

score 2 · Accepted Answer · answered Jan 04 '16 at 16:40

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

score 1 · Answer 3 · answered Jan 01 '16 at 11:07

1

Try <input type="text" disabled>..it will not allow to do anything..after 30 min remove disabled attribute using javascript or jquery

answered Jan 01 '16 at 11:07

Dhara

1,914
2
18
37

no dear this is not right approch. i am finding some relavent – Ishan Shah Jan 01 '16 at 11:11
you don't want to allow user to add anything in input right? – Dhara Jan 01 '16 at 11:12
yes, but this datepicker has feature that we can up/down its time. – Ishan Shah Jan 01 '16 at 11:15
yah now got it..let me try now :) – Dhara Jan 01 '16 at 11:18
set hour-step and minute-step to zero and readonly-input="true" it will completely disable timepicker @IshanShah – Dhara Jan 01 '16 at 11:24
if i will do minute-step 0 then it will not do of 30 min gap – Ishan Shah Jan 01 '16 at 11:31
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/99461/discussion-between-ishan-shah-and-debin). – Ishan Shah Jan 01 '16 at 11:40
How to remove the disabled from the picker? – Rahul Jun 20 '20 at 18:21

need to disable input for bootstrap timepicker

3 Answers3

Linked