Javascript 如何将范围滑块添加到rails应用程序？

我想用“引导滑块”将范围滑块过滤器添加到我的应用程序中，但我不知道如何将html属性添加到文本\字段\标记中。我需要文本\字段\标签中的以下属性

data-slider-min="10" data-slider-max="1000" data-slider-step="5" data-slider-value="[250,450]"

形式

“ex1Slider”，
“滑块最小值”=>“10”，
“滑块最大值”=>“1000”，
'滑块步长'=>'5'，
'滑块值'=>'[250450]'}
%>

剧本

<script type="text/javascript">
$( document ).ready(function() {
$("#ex2").slider({});
});
</script>

$（文档）.ready（函数（）{
$（“#ex2”）。滑块（{}）；
});

生成的html

<input id="ex2" name="ex2" type="text" value="{:type=>"text", :data=>{"slider-id"=>"ex1Slider", "slider-min"=>"10", "slider-max"=>"1000", "slider-step"=>"5", "slider-value"=>"[250,450]"}}" style="display: none;">

---

脚本在此之后不起作用

文本字段标记的第二个参数是值

下面是代码的编写方式

<%= text_field_tag "ex2", nil, :data => {'slider-id' => 'ex1Slider','slider-min' => '10','slider-max' => '1000','slider-step' => '5','slider-value' => '[250,450]'  }%>

{'slider-id'=>'ex1Slider'、'slider-min'=>'10'、'slider-max'=>'1000'、'slider-step'=>'5'、'slider-value'=>'[250450]}%>

文本字段标记的第二个参数是值：

您需要在标记“ex2”的名称后添加nil，并且不需要键入：“text”，因为这是默认值，但如果您愿意，可以保留它

<%= text_field_tag "ex2", nil, type: 'text',
                 data: {'slider-id' => 'ex1Slider',
                        'slider-min' => '10',
                        'slider-max' => '1000',
                        'slider-step' => '5',
                        'slider-value' => '[250,450]' }
 %>

“ex1Slider”，
“滑块最小值”=>“10”，
“滑块最大值”=>“1000”，
'滑块步长'=>'5'，
'滑块值'=>'[250450]'}
%>

<%= text_field_tag "ex2", nil, type: 'text',
                 data: {'slider-id' => 'ex1Slider',
                        'slider-min' => '10',
                        'slider-max' => '1000',
                        'slider-step' => '5',
                        'slider-value' => '[250,450]' }
 %>