gpt4 book ai didi

javascript - 如何在 jQuery UI 中创建多范围时间 slider

转载 作者:行者123 更新时间:2023-11-29 22:00:20 26 4
gpt4 key购买 nike

我正在使用 JQuery UI Time Slider。我想获得具有多个句柄的多个范围。
如下所示:

起点 10:00 AM--Range---2:00 PM 4:00 PM---Range------8:00 PM 9:00 PM---Range---11:下午 00 点结束

我试过了

$("#slider2").timeslider({

sliderOptions: {
ranges: [false, true, false, true],
min: 300,
max: 3179,
values: [400, 800,1100,1600,2000,2500],
step:5
},

errorMessage: '#max2',
timeDisplay: '#time2',

clickSubmit: function (e){
var that = $(this).siblings('#slider2');

$('#schedule2 tbody').append('<tr>' +
'<td>' + that.attr('id') + '</td>' +
'<td>' + that.timeslider('getTime', that.slider("values", 0)) + '</td>' +
'<td>' + that.timeslider('getTime', that.slider("values", 1)) + '</td>' +
'<td>' + that.timeslider('getTime', that.slider("values", 2)) + '</td>' +
'<td>' + that.timeslider('getTime', that.slider("values", 3)) + '</td>' +
'<td>' + that.timeslider('getTime', that.slider("values", 4)) + '</td>' +
'<td>' + that.timeslider('getTime', that.slider("values", 5)) + '</td>' +
'</tr>');
e.preventDefault();
}
});

如果有人有好的示例,请与我分享链接以获得此类输出,或者请帮助我修改上面的代码。

谢谢“祝你有美好的一天”

最佳答案

我自己一直在寻找解决方案,但很难找到(好的)解决方案。 Elessar似乎是个不错的选择。它在这里作为答案给出:jquery-slider-plugin-that-supports-multiple-ranged-handles .

它的用法可以在Elassar's GitHub page上找到.

关于javascript - 如何在 jQuery UI 中创建多范围时间 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24139023/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com