Javascript 如何在angular js中设置范围滑块中的时间？

我在angular js中使用带draggable range（）的滑块进行时间选择。我想在这个滑块中设置时间。所以我的时钟是从00点到24点。但是我想用10分钟的间隔来设置时间，比如

00.10,00.20,00.30,00.40,00.50,01.00,01.10,01.10

当我静态使用
minValue:4.40
时，它将指向4；当我设置
4.60
时，它将指向
5
，因此它将转换为圆形数值。不恰当

$scope.slider\u draggable\u range={
最小值：4.40，
最大值：7，
选项：{
ceil:24，
楼层:0,，
可拖动范围：真
}
};

ceil:24限制，

发言：起点，
最小值：绘制

响，
maxvalue：范围的绘图结束点

请分享你的想法。这个问题对我来说非常重要，你的回答也很有价值。
如果我理解正确，你想要的东西可以通过使用该选项来实现

其想法是使用该选项自行设置选项。这就是将其设置为非整数的方法

（在中用字母搜索演示
滑块）

像这样（不是这样，只是一个例子）：


var-app=angular.module（'rzSliderDemo'，['rzModule'，'ui.bootstrap']）；
app.controller（'MainCtrl'，函数（$scope、$rootScope、$timeout）{
var arr=getRange（）.map（n=>{
返回{
值：n，
图例：n
};
});
$scope.slider={
minValue:'10.50'，
最大值：“14.20”，
选项：{
是的，
stepsArray:arr
}
};
});
函数getRange（）{
var-arr=[]；
var d=新日期（2017年1月1日）；
对于（变量i=0；i<（6*24）；i++）{
d、 设置分钟数（d.getMinutes（）+10）；
arr.push（leadZero（d.getHours（））+'。+leadZero（d.getMinutes（））；
}
返回arr；
}
函数leadZero（时间）{
返回时间<10？'0'+时间：时间；
}
*{
保证金：0；
填充：0；
}
身体{
字体系列：“开放式Sans”，无衬线；
颜色：#1f2636；
字体大小：14px；
填充底部：40px；
}
标题{
背景：#0db9f0；
颜色：#fff；
利润率：-40px；
边缘底部：40px；
文本对齐：居中；
填充：40px0；
}
h1{
字体大小：300；
}
氢{
边缘底部：10px；
}
.包装纸{
背景：#fff；
填充：40px；
}
文章{
边缘底部：10px；
}
.选项卡窗格{
填充顶部：10px；
}
.字段标题{
宽度：100px；
}
.垂直滑块{
保证金：0；
}
.垂直滑块>div{
高度：250px；
}

AngularJS触摸滑块
简单滑块
型号：


这是正确的，但希望将间隔设置为10分钟，如开始00.00、00.10、00.20、00.30、00.40、00.50、1.00、1.10、1.20、1.30、1.40、1.50、2.00等。我的点击是00.00到24.00（23.50到00.00）。我的时钟是00.00到24.00（00.00,00.10……….12.00,12.10…….13.00…….23.50和00.00）。我以为你可以从这里开始（这只是一个例子）：）但无论如何，我是为你做的。看看，我们能加-4和+4吗。制作32小时滑块。比如8:10,8:20.8:30…12:00………24:00,00:10,00:20,3:50,4:00。平均从8点和4点开始。为期三天。第一天晚上4小时和第三天早上4点你能看到这个链接吗。谢谢