Javascript 基于当前时间持续时间绘制Rzslider（以角度js为单位）？

我正在基于日期实现时间选择器，然后选择时间。 现在，滑块可以完美地绘制静态时间。
参见示例：

var-app=angular.module（'rzSliderDemo'，['rzModule'，'ui.bootstrap']）；
app.controller（'MainCtrl'，函数（$scope、$rootScope、$timeout）{
$scope.$watch（'dateBirth'，函数（n，o）{
var middleDay=n | |新日期（）；
中午，设定时间（12）；
$scope.selectedDate=时刻（中午）；
$scope.init（）；
});
$scope.init=函数（）{
变量startDate、endDate、startTime、endTime；
var timeData=getRange（$scope.selectedDate）；
$scope.localTime=timeData.currentTime；//这一小时的实际开始时间
var arr=timeData.times.map（n=>{
返回{
价值
//图例：n.value
};
});
$timeout（函数（）{
$scope.slider={
minValue:$scope.localTime.clone（）.subtract（4，“小时”）.format（'YYYY-DD-MMM-HH:mm'），
maxValue:$scope.localTime.clone（）.add（4，“小时”）.format（'YYYY-DD-MMM-HH:mm'），
选项：{
是的，
stepsArray：啊，
DragableRange:对，
}
};
});
}
$scope.init（）；
});
函数getRange（currentDate）{
var-arr=[]；
var totalHourRange=32；
var currentTime=currentDate | |矩（）；//使用矩的当前日期和时间
//将当前时间设置为小时开始
当前时间。分钟（0）；
//克隆日期并减去总范围的1/2以获得起点
var tmpTime=currentTime.clone（）；
t时间减去（总小时数/2，‘小时’）；
//offset是距离当前点的分钟数
对于（变量i=-6*（总小时数/2）；i
var-app=angular.module（'rzSliderDemo'，['rzModule'，'ui.bootstrap']）；
app.controller（'MainCtrl'，函数（$scope、$rootScope、$timeout）{
$scope.$watch（'dateBirth'，函数（n，o）{
var newDay=n | | new Date（）；
$scope.selectedDate=时刻（newDay）；
$scope.selectedDate.hour（矩（）.hour（））；
$scope.selectedDate.minute（0）；
$scope.init（）；
});
$scope.init=函数（）{
变量startDate、endDate、startTime、endTime；
var timeData=getRange（$scope.selectedDate）；
$scope.localTime=timeData.currentTime；//这一小时的实际开始时间
var arr=timeData.times.map（n=>{
返回{
价值
//图例：n.value
};
});
$timeout（函数（）{
$scope.slider={
minValue:$scope.localTime.clone（）.subtract（4，“小时”）.format（'YYYY-DD-MMM-HH:mm'），
maxValue:$scope.localTime.clone（）.add（4，“小时”）.format（'YYYY-DD-MMM-HH:mm'），
选项：{
是的，
stepsArray：啊，
DragableRange:对，
}
};
});
}
$scope.init（）；
});
函数getRange（currentDate）{
var-arr=[]；
var totalHourRange=32；
var currentTime=currentDate | |矩（）；//使用矩的当前日期和时间
//将当前时间设置为小时开始
当前时间。分钟（0）；
//克隆日期并减去总范围的1/2以获得起点
var tmpTime=currentTime.clone（）；
//t时间减去（总小时数/2，‘小时’）；
t时间小时（0）。减去（4，'小时'）；
//offset是距离当前点的分钟数
对于（变量i=-6*（总小时数/2）；i@K Scandrett。滑块计时已更改。它应为开始20:00，20:10…..23:50，00.00，00:10，….23:50，00:00，….04:00。@K Scandrett。请参阅我上面的运行示例。有关带日期的打印计时。它包含3天。当前日期24小时，前一天4小时和下一天4小时。我复制了上述代码。如果要这样做，我告诉y你怎么在评论你的原创post@K斯堪的纳特。是的。但在你的例子中，你的日期结束限制是12:00。开始时间：04:00。我已经用
tmpTime.hour（0）更新了我的答案。从原始帖子评论中减去（4，'hours'）；
。这就是你想要的功能吗？