Как сделать Second Picker?

Question

[0x80070005]

Подскажите пожалуйста, как через input time сделать выборку секунд от 1 до 60? Вот пример что я имею ввиду:

тык

Answer 1

[Владимир Римидалв]

<select id="secondsSelect">
  <option value="">Выберите секунды</option>
</select>

const select = document.getElementById('secondsSelect');
  for (let i = 1; i <= 60; i++) {
    const option = document.createElement('option');
    option.value = i;
    option.textContent = i + (i === 1 ? ' секунда' : ' секунд');
    select.appendChild(option);
  }

Comments

[0x80070005]

Да про селект и я знаю :)
А через input time можно?

[0x80070005]

Просто тот скрин который я показал, это стандарт input time айфона

[Aleksey Solovyev]

0x80070005, так а вам что надо? стандартный input time для web?

<input type="range" id="time" name="time" min="1" max="60" step="1">

или нужен аналог пикера с iOS? Ищите библиотеку кукую тогда или свою пишите:
Где можно взять такой time input?
https://codepen.io/soysen/pen/zYBYBGq

[0x80070005]

Aleksey Solovyev, за первую ссылку спс :)

[Алексей Уколов]

скрин который я показал, это стандарт input time айфона

Что-то я в этом максимально сомневаюсь.

[0x80070005]

Алексей Уколов, нууууу, скрин с телеграммам, а дизайн айфона :д

Answer 2

[alexalexes]

<input id="settime" type="time" step="1" />
Ключевой параметр step - он позволяет открыть градацию секунд во всплывающем интерфейсе.

Comments

[0x80070005]

Не работает, пробовал :(

[alexalexes]

Safari в пролете.
https://caniuse.com/input-datetime

Partial support in iOS Safari refers to not supporting the week input type, nor the min, max or step attributes

min, max и step атрибуты он не поддерживает.
Так что выкручивайтесь библиотеками.