HTML5 Шаг слайдера диапазона ввода, например, 5 10 25 50 100 1000 - PullRequest
Новая
       27

HTML5 Шаг слайдера диапазона ввода, например, 5 10 25 50 100 1000

0 голосов
/ 11 марта 2020

Возможно сделать значение шага динамическим c с собственным HTML5 input [type = "range"].

Может помечать значения слайдера на слайде следующими значениями, такими как

min = 130 и max = 240

Но ползунок должен скользить только к значениям из массива

[130, 133, 135, 137, 140, 143, 145, 147, 150, ...., 230, 235, 237, 240]

В этой библиотеке они делают то, что я ожидал, с html5 диапазоном типов ввода с пользовательскими div https://www.npmjs.com/package/rc-slider

Нужно сделать так, чтобы слайдер должен скользить только при га sh отмеченных значениях из массива

1 Ответ

0 голосов
/ 11 марта 2020

вы пробовали вводить type = range и datalist 

<input type="range" min="130" max="240" list="customrange" />
<datalist id="customrange">
  <option value="130"></option> 
  <option value="133"></option> 
  <option value="135"></option> 
  <option value="137"></option>
  <option value="140"></option> 
  .
  .
  .
  <option value="240"></option> 
</datalist>

Хотя я не уверен, что все браузеры поддерживают его.

PS Просто чтобы прояснить, эти данные опций могут быть динамическими c. Зависит от того, как вы хотите его оформить. Может быть со стороны сервера или со стороны клиента. Надеюсь, это поможет.

...