У меня есть два таймера. js поля ввода на той же странице, хорошо одно включено, но, тем не менее, код: Один входной файл:
<input class="w3-input w3-border w3-light-grey" type="text" id="timeroc" name="timeroc" placeholder="Kliknite..." style="width: 97%;" />```
var timepicker = new TimePicker("timeroc", {
lang: 'en',
theme: 'dark'
});
timepicker.on('change', function(evt) {
var value = (evt.hour || '00') + ':' + (evt.minute || '00');
evt.element.value = value;
});
секунда:
<input class="w3-input w3-border w3-light-grey" type="text" id="time" name="time" placeholder="Kliknite..." style="width: 97%;" />
var timepicker = new TimePicker("time", {
lang: 'en',
theme: 'dark'
});
timepicker.on('change', function(evt) {
var value = (evt.hour || '00') + ':' + (evt.minute || '00');
evt.element.value = value;
});
два поля ввода имеют разные идентификаторы, одно - время, секунда - время c из примера. Я попытался изменить множество вещей в коде, один перестает работать, а другой вкладывает время в оба элемента. Я попытался поместить оба кода в функции с разными именами и вызовами к разным классам, но все равно один просто перестает работать без консольных ошибок. Может кто-нибудь предложить второй сценарий для второго ввода, который я должен попробовать.
РЕДАКТИРОВАТЬ Обнаружено, что это невероятно, нужно один раз загрузить с ['field1', 'field2'], мне очень жаль тратить ваше время, спасибо. https://github.com/jonataswalker/timepicker.js