## addRange('name值', '標題' [, '提示', '默認值', '參數', '額外屬性', '額外css類']) 標識符：`range` | 參數 | 含義 | 類型 | | --- | --- | --- | | name | name值 | string | | title | 標題 | string | | tips | 提示 | string | | default | 默認值 | string | | options | 參數 | array | | extra_attr | 額外屬性 | string | | extra_class | 額外css類 | string | ~~~ return ZBuilder::make('form') ->addRange('test1', '默認范圍（10-100）') ->fetch(); ~~~  ### 默認值 默認范圍是10到100，初始值為10，也可以設置一個初始默認值。 ~~~ return ZBuilder::make('form') ->addRange('test1', '默認范圍（10-100）', '', 45) ->fetch(); ~~~  >[danger] 注意，如果是兩個值 ### 參數 `addRange`方法支持定義33個不同的參數，包含了[Range Sliders](https://github.com/IonDen/ion.rangeSlider)絕大部分的參數，詳細參數可以參考[Range Sliders](https://github.com/IonDen/ion.rangeSlider)官方網站。 下面演示一些常用參數 * **設置最小最大值** ~~~ ->addRange('test2', '最小最大值', '', 100, ['min' => 50, 'max' => 999]) ~~~  * **設置網格** ~~~ ->addRange('test3', '網格', '', 50, ['grid' => 'true']) ~~~  * **設置范圍** 如果要設置兩個值，需要將參數`double`設為`true` ~~~ ->addRange('test4', '兩個值', '', '', ['double' => 'true', 'from' => 40, 'to' => 80]) ~~~  其中，`from`和`to`參數是取值范圍，也可以寫到默認值，兩個值之間用`;`隔開。 ~~~ ->addRange('test4', '兩個值', '', '40;80', ['double' => 'true']) ~~~ 如果希望兩個值之間的分割符為逗號，可以設置`input_values_separator`參數。 ~~~ ->addRange('test4', '兩個值', '', '40,80', ['double' => 'true', 'input_values_separator' => ',']) ~~~ 這時候，默認值的兩個值就要用`,`隔開，而不是用`;`隔開。 * **設置負值** ~~~ ->addRange('test5', '設置負值', '', 800, ['min' => -500, 'max' => 999]) ~~~  * **設置步進值和顯示網格** ~~~ ->addRange('test6', '設置步進值', '', 300, ['grid' => 'true', 'min' => 100, 'max' => 900, 'step' => 100]) ~~~  以上設置了步進值為100，也就是每移動一次增加或減少100。 * **自定義** 還可以自定義內容，比如定義為月份。 ~~~ ->addRange('test7', '自定義', '', 5, ['grid' => 'true', 'values' => '一月, 二月, 三月, 四月, 五月, 六月, 七月, 八月, 九月, 十月, 十一月, 十二月']) ~~~  其中，默認值5表示數據的第6位，也就是“六月”，它表示下標，數據的下標從0開始。 * **前綴** ~~~ ->addRange('test8', '前綴', '', '', ['grid' => 'true', 'min' => 1000, 'max' => 10000, 'from' => 2500, 'prefix' => '$']) ~~~  更多的設置方法，請大家參考[Range Sliders](https://github.com/IonDen/ion.rangeSlider)的文檔，自由發揮。