如何仅为 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;
        }
    }
}