如何删除/重置以编程方式创建的javascript日期滑块？

你好！希望有人能帮我解决这个问题

我正在创建一组javascript日期滑块，如下所示：

// Create the slider for this product.
$("#Product" + index).dateRangeSlider({
    bounds: { min: new Date(2010, 10, 1), max: new Date(2018, 10, 1, 23, 59, 59) }, // yyyy-m-d HH:MM:SS
    defaultValues: { min: new Date(StartDate[0], StartDate[1] - 1, StartDate[2]), max: new Date(EndDate[0], EndDate[1] - 1, EndDate[2]) }, // yyyy-mm-dd, slider starts month from 0, hence the "-1".
    allowResize: false
}).bind("valuesChanged", myEventHandler);

<div style="top: 6em; position: absolute; margin-left: 175px">
    <div id="Product1" style="width: 950px; margin-left: 60px">
    </div>
</div>

它们“附加”到如下所示的

元素：

// Create the slider for this product.
$("#Product" + index).dateRangeSlider({
    bounds: { min: new Date(2010, 10, 1), max: new Date(2018, 10, 1, 23, 59, 59) }, // yyyy-m-d HH:MM:SS
    defaultValues: { min: new Date(StartDate[0], StartDate[1] - 1, StartDate[2]), max: new Date(EndDate[0], EndDate[1] - 1, EndDate[2]) }, // yyyy-mm-dd, slider starts month from 0, hence the "-1".
    allowResize: false
}).bind("valuesChanged", myEventHandler);

<div style="top: 6em; position: absolute; margin-left: 175px">
    <div id="Product1" style="width: 950px; margin-left: 60px">
    </div>
</div>

我有一堆

元素，javascript在其中循环并为每个元素创建一个滑块

问题是：当我第一次叫它时，它工作得很好。如果我再次调用javascript例程（在更新了我想要显示的内容的数量之后——添加/删除），事情看起来真的很糟糕。格式设置有误：滑块被推出

元素，滑块上带有日期的框不在正确位置，等等

这就像我需要删除所有的滑块，然后重新添加它们-这是一种对生成滑块的第一次调用所创建的所有内容的“重置”。我一点也不知道怎么做，或者这是否是问题的解决办法

有什么想法吗

---

救命！：）

您可能可以这样做：（未经测试）

在创建DateRangeSloider之前的循环中：

$("#Product"+index).unbind();
$("#Product"+index).html("");

---

您可能需要从html中重置内联样式—不确定该样式—尝试一下。

Jquery有一个名为的方法，允许您删除DOM元素。根据特定条件，将其与setTimeOut（）函数混合，您应该能够更接近您想要实现的目标。

我建议您将标题更具体一点。没有通用的方法来重置Monad之类的东西。请将您正在使用的jquery插件JSFIDDLE中讨论的内容的示例放在一起。你知道它的文档页面的URL吗？这里有一个关于“销毁”选项的插件URL：我现在正试图让它工作-还没有运气。

html（“”）

无论如何都会解除绑定。