Как установить значение ceil только для minValue

Question

Я использую rangeSlider с этой спецификацией c html конфигурация:

Предварительный просмотр rangeSlider

<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

Вы можете добавить обработчик для встроенного события onEnd для rzSlider. Добавьте это к вашему options:

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