README

要了解滑块参数，请参考 Ion.Range Slider 的文档此处

安装

通过 composer 安装此扩展是首选方式。

运行

php composer.phar require --prefer-dist andrew72ru/yii2-ion-range-slider "*"

或

"andrew72ru/yii2-ion-range-slider": "*"

将以下内容添加到您的 composer.json 文件的 require 部分。

使用方法

扩展安装完成后，只需在您的代码中通过以下方式使用它：

use andrew72ru\ionrange\Slider;

<?= $form->field($model, 'attribute')->widget(Slider::className(), [
    'options' => [] // Html tag options
    'clientOptions' => [
        'type'  => 'double', // Slider type
        'grid'  => true,     // Whether is grid of values enabled or not
        'min'   => 0,        // min slider value
        'max'   => 100,      // max slider value
        'from'  => 10,       // start position for left handle
        'to'    => 90,       // start position for right handle
    ],
    'clientEvents' => [
        'onStart'  => 'function(data) { console.log(data) }',
        'onChange' => 'function(data) { console.log(data) }',
        'onFinish' => 'function(data) { console.log(data) }',
        'onUpdate' => 'function(data) { console.log(data) }',
    ]
]); ?>

当滑块更改完成后，输入值设置为 value0;value1，其中 value0 和 value1 是左右手柄的位置，由分号分隔。在表单操作中必须分开或类似处理。

andrew72ru / yii2-ion-range-slider

维护者

详细信息

README

安装

使用方法