Arrays 在范围滑块中添加json数组响应

我得到了这样的json响应。它是动态的，我想在范围滑块中添加细节。当数组中有新元素时，滑块最大值必须动态增加

"time": [
        "2018-05-24T06:30:00",
        "2018-05-24T07:00:00",
        "2018-05-24T07:30:00"
]

我以前从未在slider上工作过。如何实现这一点有什么建议吗？

您可以使用这个库（它将

ui引导作为依赖项）。它在滑块中提供了大量定制功能&使用angularjs非常方便。
对于您的情况，在向数组添加每个新值后，您可以先删除滑块，然后再次加载滑块，从而重新加载滑块。或者，您可以使用他们的
rzSliderForceRender
自定义事件来实现此目的。用这个

您的HTML将如下所示：

<rzslider rz-slider-model="slider_dates.value"
          rz-slider-options="slider_dates.options"></rzslider>



在控制器滑块配置代码中：

$scope.dates = ["2018-05-24T06:30:00",
  "2018-05-24T07:00:00"];
var datesObjests = [];
for (var i = 0; i < $scope.dates.length; i++) {
  datesObjests.push(new Date($scope.dates[i]));
}
$scope.slider_dates = {
  value: datesObjests[0],
  options: {
    stepsArray: datesObjests,
    translate: function(date) {
      if (date !== null) return date.toLocaleString();
      return '';
    },
  },
};

$scope.dates=[“2018-05-24T06:30:00”，
“2018-05-24T07:00:00”]；
var datesObjests=[]；
对于（变量i=0；i<$scope.dates.length；i++）{
datesObjests.push（新日期（$scope.dates[i]）；
}
$scope.slider\u日期={
值：datesObjests[0]，
选项：{
stepsArray：日期笑话，
翻译：功能（日期）{
如果（date！==null）返回日期。toLocalString（）；
返回“”；
},
},
};

为您的需求而工作。
My`$scope.dates`是数组[]值响应，我在
$scope.load\u timeline
中通过
$scope.load\u timeline=response.data.TimeL调用它所以当我在slider
$scope.dates=$scope.load\u timeline中实现我的作用域时显示
NaN
值。什么也没发生。我在这方面出了什么问题。数组不能像示例中所示那样声明。谢谢你的努力。谢谢，它正在工作。我在GET函数本身中包含了slider函数。