投稿された修正をいくつか含め、ページで単一の datarangepicker のみをサポートするという問題に対処するために、メンテナンスされていないように見えるフィラメントグループの daterangepicker* をフォークしました。
jquery プラグインのセットアップと jquery ウィジェットのセットアップに関するドキュメントを読みました。ただし、ウィジェットの問題は、ウィジェットに複数の要素を渡すと、要素ごとに個別のウィジェットが作成されることです。日付範囲ピッカーの機能の 1 つは、単一の日付範囲の開始と終了として提供する 2 つの入力フィールドを渡すことです。したがって、この場合、個別に扱われる複数の要素は役に立ちません。
$.widget を使用して既存のプラグインを変換し、ページで複数回使用できるようにする以外に、他のベスト プラクティスはありますか。
プラグインクロージャーで定義された変数は、すべてのインスタンスに使用される静的な値でない限り、そこに存在する必要はないと推測しています。インスタンス固有の変数は、データ属性または ID を介して渡されたセレクターに関連付ける必要があります。プラグインはインデックス付き配列を保持しますか? 私は正しい軌道に乗っていますか？定義された vars 以外に何か不足していますか?
jquery プラグインの複数のインスタンスのサポートを追加する方法についてのポインタや例を歓迎します。
*元のコードはhttp://filamentgroup.com/examples/daterangepicker_v2/からのものです