Как сделать Jquery UI timespinner приращение часов / минут на основе выделенного раздела ввода?

Question

У меня есть ввод для продолжительности файла, для которого я использую скрипт timespinner. У меня есть этот простой код:

HTML:

<input type="time" min="00:00:01" max="24:00:00" step="1" value="00:00:00" id="config-file-time">

JS:

$('#config-file-time').timespinner({
    format:'HH:mm:ss',
    step: 1,
});

В пользовательском интерфейсе нет стрелок +/-, поэтому вы просто используете стрелки вверх / вниз на клавиатуре для увеличения значений или вводите их вручную. Это работает нормально.

Проблема в том, что значения увеличиваются только на 1 секунду, даже если у меня выбран раздел минут ввода (как на скриншоте ниже).

Я прочитал всю документацию по Timespinner, и, похоже, нет никакого варианта того, чего я пытаюсь достичь. Я думал об изменении приращения на основе выделенного раздела ввода, но нет возможности настраивать разные приращения для часов / минут / секунд отдельно.

Есть ли у кого-нибудь решение? Даже если это означает использование чего-то совершенно другого.

Answer 1

Похоже, вы не можете более точно выбрать значение во вводе. Однако в дополнение к шагу вы можете добавить страницу в свои параметры, чтобы изменить значение с помощью кнопки pageUp, как в этом примере .

Но в вашей ситуации я предлагаю вам использовать что-то вроде jQuery Ввод времени . Это позволит вашим пользователям изменять ввод времени по-разному, даже с помощью колеса мыши.