Блог

Главная - Вопросы по программированию - Отображение текущего значения на ползунке диапазона с помощью simple_form и bootstrap

Отображение текущего значения на ползунке диапазона с помощью simple_form и bootstrap

#ruby-on-rails #twitter-bootstrap #simple-form #ruby-on-rails-6 #bootstrap-5

Вопрос:

я ищу решение для отображения текущего значения в диапазоне simple_form

   <%= f.input :data, as: :range, prompt: "my data", collection: 0..45 %>

я ничего не нахожу в документации.

https://simple-form-bootstrap.herokuapp.com/documentation
https://github.com/heartcombo/simple_form/blob/86429bceb950096df3c29616f31bd5a5ce706c06/README.md

Ответ №1:

У меня есть решение с крошечным кодом javascript.

 <%= f.input :data, as: :range, input_html:{ min:"0", max:"45", oninput:"updateTextInput(this.value)"}%>
 <input type="text" id="textInput" value="">


<script>
function updateTextInput(val) {
          document.getElementById('textInput').value=val;
        }
</script>

Существует внешняя библиотека для пользовательского ползунка, но она не работает в моем приложении bootstrap 5
http://seiyria.com/bootstrap-slider /

Метки: