如何仅为 minValue 设置 ceil 值

Question

我正在使用具有此特定 html 配置的 rangeSlider：

The rangeSlider preview

<rzslider data-rz-slider-model="rangeSlider.minValue"
          data-rz-slider-high="rangeSlider.maxValue"
          data-rz-slider-options="rangeSlider.options">
</rzslider>

和这个 angularjs 配置：

$scope.rangeSlider = 
{
    minValue: startTime,
    maxValue: endTime,
    options: 
    {
        floor: 0,
        ceil: 36,
        step: 1,
        noSwitching: true,
        minRange: 1,
        maxRange: 24,
        showSelectionBar: true,
    }
};

一切正常，但我只想防止 rangeSlider.minValue 超过值 23，但我无法成功做到这一点。

您有任何想法来处理这个问题吗？或者这是否可能？

在此先感谢您的帮助

Answer 1

您可以为 rzSlider 的内置 onEnd 事件添加处理程序。将此添加到您的 options:

options: {
    // your existing options settings go here
    onEnd: function() {
        if ($scope.rangeSlider.minValue > 23) {
            $scope.rangeSlider.minValue = 23;
        }
    }
}

如何仅为 minValue 设置 ceil 值

How to set a ceil value only for minValue

angularjs

rangeslider