是否可以在单手柄 jQuery UI 滑块上设置固定的静态范围？

本质上我要做的是一个用于一堆日期的单句柄 jQuery UI 滑块。选择的日期范围始终为两周。我想做的只是显示从两周范围的开始日期（即句柄驻留的日期）开始的一个范围（该范围不必是功能性的 - 只是显示），向前两周。这个范围是固定的。

例如，如果句柄是 1 月 1 日，我希望将范围扩展到 1 月 14 日。如果滑块移动到 1 月 3 日，我希望随之移动的范围在 16 日结束。

有谁知道这是否可能？

jQuery UI 滑块的设计并未考虑到这一点，但您可以处理slide and stop滑块自己的事件可以根据您的喜好重置范围值。

http://docs.jquery.com/UI/Slider http://docs.jquery.com/UI/Slider

这无论如何都不能满足您的所有要求，但它是一个开始。

$('#myslider').slider({
    min:1,
    max:31,
    values:[1, 14],
    step:1,
    range:true,
    slide:function(event, ui) {
        var s = $(this);
        var values = s.slider('option', 'values');

        if(ui.handle.nextElementSibling == null) // max slider
            values[0] = values[1] - 14;
        else // min slider
            values[1] = values[0] + 14;

        s.slider('option', 'values', values);
    },
    stop:function() {
        var s = $(this);
        var min = s.slider('option', 'min'),
            max = s.slider('option', 'max'),
            values = s.slider('option', 'values');

        if(values[0] <= min)
            values = [min, min + 14];
        if(values[1] >= max)
            values = [max - 14, max];

        s.slider('option', 'values', values);
    }
});