Javascript jQuery时间选择器和jQuery日期对：设置最大持续时间（增量）

我正在使用jQuery时间选择器和jQuery日期对设置约会创建页面。我想把预约的总时间限制在3个小时以内。我很难想出如何执行这一点

html:

我想我可以检查一下changeTime事件，但是在它发生后一次点击就会触发它。如果我将时间更改为4小时的增量，则在我再次将其更改为超出我要查找的范围之前，活动不会被调用

即使在那之后，我仍然不知道如何设置结束时间。在jQuery timepicker的文档中，它说您可以使用“setTime”，但不清楚在使用日期对时该怎么做

我只想强制执行时间间隔的最大持续时间，但我不确定如何执行

---

jsFIDLE:

我认为

模糊

是您正在寻找的事件，即更改

.on('changeTime', function (e)

到

---

我认为

blur

是您正在寻找的事件，即更改

.on('changeTime', function (e)

到

---

那件事确实解决了我在changeTime落后一人的情况下遇到的问题。我仍然不知道如何正确地更改结束时间。哦，对不起，我没有注意到另一个问题。无论如何，这取决于当用户超过时间限制时您想要做什么。我喜欢的一个解决方案是，当用户关注结束时间（“焦点”事件）时，保存原始值。一旦超过3小时限制，恢复到原来写入的时间（并且是有效的）。看这里：这项活动确实解决了我在changeTime落后的情况下遇到的问题。我仍然不知道如何正确地更改结束时间。哦，对不起，我没有注意到另一个问题。无论如何，这取决于当用户超过时间限制时您想要做什么。我喜欢的一个解决方案是，当用户关注结束时间（“焦点”事件）时，保存原始值。一旦超过3小时限制，恢复到原来写入的时间（并且是有效的）。看这里：

.on('changeTime', function (e)

.on('blur', function (e)