Jquery每周计划

时间:2012-08-23 07:15:02

标签: jquery uislider

我想创建一个每周计划安排程序。 我在网上找到了一个小部件,可以完成我需要的一半。 可以在此处找到窗口小部件以及小修改:http://jsfiddle.net/inadcod/GyanJ/ 我的问题是,对于每一天,我希望能够添加新的时间间隔滑块来捕获一天的不同小时间隔。星期一我喜欢设置三个间隔,一个在8:00到12:00之间,另一个在12:45到16:30之间,另一个在17:00到21:45之间。 如果有人可以帮助我,我会非常感激。感谢。

1 个答案:

答案 0 :(得分:2)

$('.addNewInterval').click
你忘记了。为了上课!现在,您将在按钮单击处理程序中添加相对于$(this)的间隔滑块,现在将其添加到任何位置。

在新的.slider()功能中添加新配置。还要注意我只选择新的而不是所有的滑块(使用像你一样的类引用)。

http://jsfiddle.net/GyanJ/5/

修改

您必须插入新的输入字段才能填充。 (或者你将覆盖)然后你可以获取值,但在你尝试的位置它总是0。更好的是当幻灯片处理程序中的值发生变化时。

将配置/选项对象放入变量可能是明智之举,因此您不仅可以在首次创建时使用它,还可以在每个额外添加的滑块上使用它,而不是将相同的代码写入两次。

这可能有所帮助,我补充了一些意见。

http://jsfiddle.net/GyanJ/8/

修改

做了一些工作:(可能需要一些造型)

http://jsfiddle.net/GyanJ/16/