使用 simple_form 和 bootstrap 在范围滑块上显示当前值

【问题标题】：Display the current value on a range slider with simple_form and bootstrap使用 simple_form 和 bootstrap 在范围滑块上显示当前值
【发布时间】：2021-12-16 14:12:16
【问题描述】：

我正在寻找一种在 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

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap simple-form ruby-on-rails-6 bootstrap-5

【解决方案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/

【讨论】：