我正在创建一个jquery范围滑块来选择一系列小时值 . 滑块的最小值为0(12am),最大值为24(12am) .

有时我想选择一夜之间的范围(即19:00 - 3:00) . 这与滑块配置的相反 . 选择此范围通常会导致选择3:00 - 19:00而不是相反 .

理想情况下,我可以通过另一个手柄拖动其中一个手柄来改变选择范围的方式 .

我的滑块值来自下面的滑块事件

$("#amount").val(ui.values[0] + ":00 - " + ui.values[1] + ":00");

有关如何使用此功能构建滑块的任何建议?

Here is a fiddle我的滑块设置为0-24个时间段 .