javascript - Angular rzslider : max value for min & min value for max; range slider

Question

我正在使用 rzslider 制作范围 slider ，行为如下:

• 下限 = -10，上限 = 10
• 最小范围 = 1
• 起始值，minValue = -5；最大值 = 5
• noSwitching = true

我遇到的问题是:

• minValue 的上限为 0，maxValue 的下限为 0，因此范围永远不能是例如1-5。

<小时/>

编辑:

可能的值可以是:-2,5 或 -4,1

不允许的值包括:2,4 或 -9,-2

Answer 1

查看 [ https://jsfiddle.net/dyf8maqb/8 中的范围 slider 示例.

$scope.minRangeSlider = {
    minValue: -5,
    maxValue: 5,  
    options: {
        floor: -10,
        ceil: 10,
        step: 1,
        noSwitching: true,
        minRange: 1,
        onEnd: function () {
            $scope.minRangeSlider.minValue = Math.min($scope.minRangeSlider.minValue,0);
            $scope.minRangeSlider.maxValue = Math.max($scope.minRangeSlider.maxValue,0);
        }
    }
};