Javascript 在RZSlider中以角度Js制作32小时范围？

我必须实现一个RZSlider，间隔10分钟，间隔32小时。我也在使用日期选择器。所以我将这个日期选择器和时间滑块设置为一个html页面。如果我登陆此页面，则默认情况下应选择“今天日期”，窗口为8小时，平均为-4小时，当前日期为+4小时。例如：如果我在7月23日23:00登陆此页面，则范围应为19:00至3:00。但在这种情况下，3:00是7月24日。我想让这个滑块一样的日期选择器与时间

从8:10,8:20,8:30,8:40,8:50,9:10…..12:10,12:20…..23:10,23:20,23:40,23:50,00:00,00.10,00:20,00:30,00:40,00:50,1:00…..4:00结束

我已经为32小时的范围实现了一些逻辑，但在某些情况下，这是失败的，然后滑块将中断，兼容的问题将出现。 我无法显示我的代码，因为代码依赖于其他代码

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：啊，
DragableRange:对，
}
};
});
函数getRange（）{
var-arr=[]；
var d=新日期（2017年1月1日）；
对于（变量i=0；i<（6*28）；i++）{
d、 设置分钟数（d.getMinutes（）+10）；
arr.push（leadZero（d.getHours（））+'。+leadZero（d.getMinutes（））；
}
返回arr；
}
函数leadZero（时间）{
返回时间<10？'0'+时间：时间；
}

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

我不完全清楚你在追求什么，但希望这能让你走上正轨

我习惯于让约会变得更容易

通过将日期包含在范围值中，可以使该值唯一，因此我们可以设置初始开始和结束时间，而不会产生歧义

然后，当您准备好对这些值执行某些操作时，可以使用矩将选定的值转换回日期对象

var-app=angular.module（'rzSliderDemo'，['rzModule'，'ui.bootstrap']）；
app.controller（'MainCtrl'，函数（$scope、$rootScope、$timeout）{
变量startDate、endDate、startTime、endTime；
var currentDate=力矩（）；
var timeData=getRange（）；
$scope.localTime=timeData.currentTime；//这一小时的实际开始时间
var arr=timeData.times.map（n=>{
返回{
价值
//图例：n.value
};
});
$scope.slider={
minValue:$scope.localTime.clone（）.subtract（4，“小时”）.format（'MMM Do hh:mma'），
maxValue:$scope.localTime.clone（）.add（4，“小时”）.format（'MMM Do hh:mma'），
选项：{
是的，
stepsArray：啊，
DragableRange:对，
}
};
});
函数getRange（currentDate）{
var-arr=[]；
var totalHourRange=28；
var currentTime=moment（）；//使用moment的当前日期和时间
//将当前时间设置为小时开始
当前时间。分钟（0）；
//克隆日期并减去总范围的1/2以获得起点
var tmpTime=currentTime.clone（）；
t时间减去（总小时数/2，‘小时’）；
//offset是距离当前点的分钟数
对于（var i=-（（6*totalHourRange）/2）；i@K Scandrett。为什么定义函数getRange（currentDate）控制器外部..谢谢您的帮助answer@K斯堪的纳特。它正在工作。但我们可以设置32小时窗口。从7月28日08:00到7月30日04:00开始。设置
totalHourRange=32
和/或设置不同的开始时间我设置var totalHourRange=32；然后从晚上7:00开始到03:00：00am@MawgsaysreinstateMonica试试这个：