javascript - プログラムで作成された JavaScript の日付スライダーを削除/リセットするにはどうすればよいですか?

Question

良い一日！誰かが私が見ている問題で私を助けてくれることを願っています。

私は次のような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 />、次のような要素に「接続」されています。

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

私はこれらの要素をたくさん持って<div />おり、javascript はそれらすべてをループし、それぞれのスライダーを作成します。

ここに問題があります。初めて呼び出すと、うまく機能します。（表示したいものの数を更新した後-追加/削除のいずれかで）javascriptルーチンを再度呼び出すと、物事は本当にめちゃくちゃに見えます。書式設定がかなりずれています: スライダーが要素の外に押し出されて<div />いる、スライダーに添付されている日付のボックスが正しい位置にない、など。

すべてのスライダーを削除してから再度追加する必要があるようです。スライダーを生成した最初の呼び出しによって作成されたすべてのものを一種の「リセット」します。これを行う方法、またはこれが問題の修正であるかどうかは、まったくわかりません。

何か案は？

ヘルプ！:)