Javascript DateRangeSloider获取用户选择的值

这是我第一次使用DateRangeSloider（JQRangeSloider）并将其用作时间滑块：

问题是，我需要获取用户选择的显示值，例如：如果用户选择时间间隔：07:39到14:53，我希望以'.HH.mm'格式获取这两个值。之后，如果07:39变为09:32，则每次用户释放鼠标单击时都应获得此值

我试过使用：

var test = $("#slider").dateRangeSlider("values");
var t1 = test.min;

---

但是t1从边界中获取最小值（Fiddle代码中的min2值）。是否有任何方法可以在每次鼠标释放时获取用户选择的值？

您必须处理值更改事件。在valueschanged事件处理程序中，您将在每次鼠标释放时获得最小-最大值

$("#slider").bind("valuesChanged", function(e, data){
   var test = $("#slider").dateRangeSlider("values");
   var t1 = test.min;
})

---

根据文档获取所需的值：

var dateValues = $("#slider").dateRangeSlider("values");

也可以直接使用valuesChanged事件

$（“#滑块”）.on（'valuesChanged'，函数（e，数据）{
var min=（'00'+data.values.min.getHours（））.slice（-2）+:'+（'00'+data.values.min.getMinutes（））.slice（-2）；
var max=（'00'+data.values.max.getHours（））.slice（-2）+:'+（'00'+data.values.max.getMinutes（））.slice（-2）；
警报（'Min:'+Min+'Max:'+Max'）；
});
$（'#btn'）。在（'click'，函数（e）上{
变量值=$（“#滑块”）.DateRangeSlaider（'values'）；
var min=（'00'+values.min.getHours（））.slice（-2）+'：'+（'00'+values.min.getMinutes（））.slice（-2）；
var max=（'00'+values.max.getHours（））.slice（-2）+'：'+（'00'+values.max.getMinutes（））.slice（-2）；
警报（'Min:'+Min+'Max:'+Max'）；
})

试试这段代码

$（“#滑块”）.bind（“valuesChanged”，函数（e，数据）{
log（data.values.min.getHours（）+”：“+data.values.min.getMinutes（））；
log（data.values.max.getHours（）+”：“+data.values.max.getMinutes（））；
});谢谢！这就是我所需要的：）