necessario disabilitare l'input per bootstrap timepicker

Question

Sto usando il time-picker Bootstrap. L'ho implementato con successo. Ma quello di cui ho bisogno è che l'utente può inserire solo tra 30 min come: 10: 00,10: 30,11: 00 ecc. Per quello che ho provato è minuteStep come mostrato sotto, e funziona perfettamente.

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

Ma qual è il problema è che l'utente può digitare il tempo di cui ha bisogno. Quindi, come impedirne l'inserimento manuale?

Per questo devo fare riferimento bootstrap timepicker

Answer 1

quello che ho fatto fino ad ora la società è:

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

Aggiunto CSS

fantasyleague-draft_time{cursor: pointer;} 

e JS:

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

Answer 2

Prova <input type="text" disabled> ..è non permetterà di fare anything..after 30 min rimuovere disabled attributo utilizzando JavaScript o jQuery

Answer 3

provare qualcosa di simile nella vostra casella di testo: ->

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