如何在jQuery UI中创建多范围时间滑块
How to create multi range time slider in jQuery UI
我使用JQuery UI时间滑块。我想用多个句柄获得多个范围。
如下所示:
起始点10:00 AM—范围—2:00 PM 4:00 PM—范围------8:00 PM 9:00 PM—范围—11:00 PM端点
我已经试过了
$("#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();
}
});
如果有人有一个很好的例子,请与我分享链接,以获得这些类型的输出,或者请帮助我修改以上代码。
谢谢"祝你今天愉快"
我一直在寻找一个解决方案,但很难找到一个(好的)解决方案。莱萨似乎是一个不错的选择。这里给出的答案是:jquery-slider-plugin-that- supported -multiple-range -handles。
它的用法可以在Elassar的GitHub页面找到
相关文章:
- Moment.js与上午至下午的时间范围进行比较
- 用Javascript编辑范围数据(时间序列)
- jQuery日期[时间]选择器-如何保存时间范围(+修改日期格式)
- Regexp匹配的时间范围
- 生成时间戳日期|Javascript范围内的空数据
- Highcharts中具有不同时间范围的系列
- 使用范围滑块设置时间
- 使用JS检查用户是否在EST时区和设置的EST时间范围内
- 日期-时间范围指令字段未显示任何值
- 使用jquery感知文本字符串中的时间范围
- JavaScript 检查时间范围是否重叠
- 如何将当前时间与使用 Javascript 格式化为字符串的时间范围进行比较
- 计算时间范围并将其保存到文件
- 动态创建/限制随机时间的范围并转换为时间戳
- 我怎样才能在时间范围内让某事发生
- 无论哪一天,如何获得两个小时范围内的时间
- 角度 ng 显示日期在时间范围内或不从
- 相对于日期范围的日期/时间格式
- HTML5 媒体时间范围对象
- 如何在jQuery UI中创建多范围时间滑块