müssen Eingang für bootstrap Zeitpicker deaktivieren

Question

Ich benutze Bootstrap Zeit-Picker. Ich habe es erfolgreich implementiert. Aber was ich brauche, ist Benutzer ist nur in der Lage, in 30 min Lücke wie einfügen: 10: 00,10: 30,11: 00 usw. Dafür habe ich versucht, ist minuteStep wie unten gezeigt, und es funktioniert perfekt.

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

Aber was ist das Problem ist Benutzer kann Zeit eingeben, wie er braucht. Wie kann man verhindern, dass die Zeit manuell eingegeben wird?

Hierzu verweise ich habe bootstrap timepicker

Answer 1

Was ich bisher jetzt getan haben, ist:

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

Added CSS

fantasyleague-draft_time{cursor: pointer;} 

und JS:

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

Answer 2

<input type="text" disabled> Versuchen ..es wird nicht zulassen, anything..after 30 min Entfernen disabled Attribut zu tun Javascript oder Jquery mit

Answer 3

Box in Ihrem Text so etwas wie diese versuchen: ->

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