Jquery每周计划器

我想创建一个每周计划表。 我在网上发现了一个小部件，它可以完成我所需的一半功能。 小部件以及小修改可在此处找到： 我的问题是，对于每一天，我希望能够添加新的时间间隔滑块，以捕获一天中不同的小时间隔。比如周一，我想设定三个时间间隔，一个在8:00到12:00之间，另一个在12:45到16:30之间，还有一个在17:00到21:45之间。 如果有人能帮助我，我将非常感激。谢谢

$('.addNewInterval').click

你忘了。为了班级！在按钮单击处理程序中添加相对于

$（this）

的间隔滑块。现在，您将在所有位置添加它

在新的

.slider（）

函数中添加您的新配置。还要注意，我只选择了新的滑块，而不是所有的滑块（像您一样使用类引用）

编辑

您必须插入新的输入字段才能填充。（或者您将重写）之后可以获取该值，但在您尝试的地方，该值始终为0。更好的方法是在幻灯片处理程序中更改值

明智的做法是将configuration/options对象放入一个变量中，这样您不仅可以在首次创建时使用它，还可以为每个额外添加的滑块使用它，而不是编写两次相同的代码

这可能会有所帮助，我添加了一些评论

编辑

做了更多的工作：（可能需要一些造型）

---

谢谢您的快速回复。我修改了示例，如下所示：。现在它创建了一个范围滑块，我现在要做的就是捕捉第一个滑块值旁边的第二个、第三个等滑块的间隔，并将第二个和后续滑块的起始值设置为不低于第一个滑块的最高值。好的想法是选择一个或多个新滑块（如果创建更多）。现在我试图捕捉新滑块的时间间隔，但我没有成功。我再次更新了小提琴：。我现在可以获得新滑块的值，但正如您在评论中所说，每天都会输入这些值，我不知道如何为这些值创建独立的输入。你能看一看吗？是的，但这是一个多一点的工作。。。我可以给你一个开始。。但我猜我选择了错误的第一个/最后一个标记（一个位于另一个标记的顶部，使用选项卡和箭头移动它们）还必须设置初始位置。但是我现在没有太多的时间。。。我希望我在你的路上帮了你一点忙：）我希望你不会对重置按钮重置一切感到惊讶。。您正在重新加载页面：s instaid删除对象。。。我建议大家多了解一下javascript和jQuery。。。仔细看一下jquery和jqueryUI的文档，它会让您快速上路。