Несколько таймеров на одной странице - PullRequest
1 голос
/ 13 марта 2020

У меня есть два таймера. 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

...