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

Posted 2023-02-15

【中文标题】使用 simple_form 和 bootstrap 在范围滑块上显示当前值

【英文标题】：Display the current value on a range slider with simple_form and 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

【参考方案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/