javascript - Create multiple range slide handles in one slider

Question

I am trying to add multiple handles to a jQuery UI slider widget, as in 2 or 3 or more range sliders in one slider.

I have tried searching on google and found an article that shows how to modify it to have multiple handles but I need them to work as range sliders.

Is there anyway to make this work?

$("#slider-range").slider({
    range: true,
    min: 0,
    max: 1439,
    values: [540, 1020],
    animate: true,
    slide: slideTime
});

Thanks

Answer 1

colResizable is fine and all, but if you're looking for something a bit more modern, I wrote Elessar to fill this exact niche.