Javascript 向计时器选择器添加自定义编号

我需要做一个时间选择器，里面装满了我从后端得到的数字。例如，后端向我发送产品亮起的时间范围，即初始值和亮起的时间长度。例子， 后端发送到开始时间为17小时，最大范围为3小时。在第一个选择器中，我们选择17，在第二个选择器中，我们选择的最终值不得小于所选的起始值（17），并且不得超过我从后端接收到的最大时间范围

这里是html

<p>From</p>
<div uib-timepicker ng-model="mytimeStart" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian" readonly-input=true></div>
<p>To</p>
<div uib-timepicker ng-model="mytimeEnd" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian" readonly-input=true></div>

<pre class="alert alert-info">Time is: {{mytime | date:'shortTime' }}</pre>

如果选择的开始时间为22:00，范围为4小时，则24:00后的时间选择器必须切换到01:00。选择后，在后端发送所选值。我尝试了ui.bootstrap.timepicker，但我不知道如何设置自定义值，并且在24小时轮班后计数器到01:00，希望您理解，谢谢

这是[plunker][1]

[1]: https://plnkr.co/edit/dJmNNQlJEglxi4mDp0ex?p=preview

---

你能编辑你的问题以包括一个（不仅仅是一个链接）吗？@evolutionxbox这个更好吗？是的。那好多了。你能编辑你的问题以包括一个（不仅仅是一个链接）吗？@evolutionxbox这个更好吗？是的。那好多了。

[1]: https://plnkr.co/edit/dJmNNQlJEglxi4mDp0ex?p=preview