6

Я использую Bootstrap time-picker. Я успешно ее реализовал. Но мне нужен пользователь, который может вставить только промежуток в 30 минут, например: 10: 00,10: 30,11: 00 и т. Д. Для этого я пробовал minuteStep, как показано ниже, и он отлично работает.необходимо отключить ввод для bootstrap timepicker

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

Но в чем проблема, пользователь может набрать время по мере необходимости. Итак, как предотвратить его ввод вручную?

Для этого у меня есть см bootstrap timepicker

+0

после пустячный некоторое время с Bootstrap времени подборщика я пришел к выводу, что вы, возможно, придется сделать хак с тайм-подборщика Bootstrap js, чтобы заставить его работать так, как вы планировали. В любом случае Удачи :-) – jyrkim

ответ

2

Что я до сих пор делается сейчас является:

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

Добавлен CSS

fantasyleague-draft_time{cursor: pointer;} 

и JS:

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

Попробуйте <input type="text" disabled> ..Это не позволит сделать anything..after 30 мин удалить disabled атрибут с помощью JavaScript или JQuery

+0

нет дорогой это не правильно. Я нахожу некоторые relavent –

+0

, вы не хотите, чтобы пользователь мог что-то добавлять в правильном направлении? – Dhara

+0

Да, но у этого параметра datepicker есть функция, что мы можем увеличить/уменьшить время. –

1

Попробуйте что-то вроде этого в текстовом поле: ->

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

Если я использую readonly, я наклоняю вверх и вниз его значение. –

+0

, а также AM и PM не показаны –

 Смежные вопросы

  • Нет связанных вопросов^_^