Мин. Макс. Значения установлены неправильно с JQuery Slider - PullRequest
Новая
       35

Мин. Макс. Значения установлены неправильно с JQuery Slider

2 голосов
/ 16 октября 2019

Я создал следующее fiddle , которое демонстрирует мое использование ползунка JQuery.

Моя проблема в том, что минимальное и максимальное значения ползунка не отображаются правильно имаркеры диапазона, таким образом, расположены неверно.

В настоящее время я пытаюсь установить минимальное значение в качестве первой (самой ранней) даты в массиве дат и максимальное значение в качестве последней (самой последней) даты в массиве.

Я отладил и вижу, что переменные установлены правильно, однако при запуске маркеры диапазона находятся слева от диапазона.

При двойном нажатии кнопки do it происходит перезагрузкаи снова установите их неправильно. Где я ошибся?

Загрузка диапазона 

function loadRange (dates) {

        dates = $.parseJSON(dates);

    'use strict';

        var convertedArray = [];

        for (var index = 0; index < dates.length; ++index) {
            var converted;
            if (index === 0) {
                converted = (new Date(dates[index]).getTime() - 86400000) / 1000;
            } else {
                converted = (new Date(dates[index]).getTime() + 86400000) / 1000;
            }
            convertedArray.push(converted);
        }

        var min = new Date(convertedArray[0] * 1000).toISOString().slice(0, 10);
        var max = new Date(convertedArray[convertedArray.length - 1] * 1000).toISOString().slice(0, 10);

        var minDate = min;
        var maxDate = max;

        $("#slider-container").slider({
            range: true,
            min: convertedArray[0],
            max: convertedArray[convertedArray.length - 1],
            step: 864,
            values: convertedArray,
            slide: function (event, ui) {
                var min = new Date(ui.values[0] * 1000).toISOString().slice(0, 10);
                var max = new Date(ui.values[ui.values.length - 1] * 1000).toISOString().slice(0, 10);
                $("#amount").val(min + " - " + max);
                minDate = min;
                maxDate = max;
            }
        });

        $("#amount").val(min +
            " - " + max);
    }

1 Ответ

2 голосов
/ 16 октября 2019

Вы не предоставляете правильные данные для опции values. Из документов :

Этот параметр можно использовать для указания нескольких дескрипторов. Если для параметра range установлено значение true, длина значений должна быть 2 .

В настоящее время вы передаете весь массив значений (37 в вашем JSFiddle). Измените на следующее, и оно должно работать: 

values: [convertedArray[0], convertedArray[convertedArray.length - 1]]

Обновлен JSFiddle: https://jsfiddle.net/ku519g0f/

...