slavkovrn/yii2-ion-rangeslider

Yii2 Ion Range Slider小部件使用jQuery的Ion.RangeSlider插件版本2.3.0,并支持pjax

安装数: 1,282

依赖项: 0

建议者: 0

安全性: 0

星标: 0

关注者: 3

分支: 1

开放性问题: 1

语言:JavaScript

类型:yii2-extension

dev-master 2021-01-28 04:38 UTC

This package is auto-updated.

Last update: 2024-09-28 12:49:13 UTC


README

IonRangeSlider小部件演示页面

该扩展使用jQuery的Ion.RangeSlider插件版本2.3.0(https://github.com/IonDen)并支持pjax,以便更改任何范围的最小和最大值

IonRangeSlider widget

安装

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

运行以下命令之一:

composer require slavkovrn/yii2-ion-rangeslider

或者

"slavkovrn/yii2-ion-rangeslider": "*"

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

用法

在您的视图中设置扩展的链接

<?php
use slavkovrn\ionrangeslider\IonRangeSliderWidget;
use yii\widgets\ActiveForm;
use yii\helpers\Html;
?>
    <?php $form = ActiveForm::begin(); ?>

    <?= $form->field($model, 'username')->widget(IonRangeSliderWidget::class,[
	'min' => 0,
	'max' => 10,
	'from' => 2,
	'to' => 6,
    ]) ?>

    <?= $form->field($model, 'email')->widget(IonRangeSliderWidget::class,[
	'min' => 0,
	'max' => 10,
	'from' => 4,
	'to' => 8,
    ]) ?>

    <div class="form-group">
        <?= Html::submitButton('Save', ['class' => 'btn btn-success']) ?>
    </div>

    <?php ActiveForm::end(); ?>

向管理员写评论