Datepickerは最初のModalでのみ動作しています

Question

すべての製品がレンタルされているページがあり、それらの製品の下にビジュアルコンポーザーのポップアップモーダルを配置しました。モーダルはすべての製品に対応していますが、ここで問題となるのは、連絡先フォーム7を使用して作成したモーダルの開始日と終了日のフィールドと、入力フィールドの選択時に日付ピッカーをトリガーするIDを与えられた日付ピッカーです最初のモーダルのみで作業しています。 2番目のモーダルからは何も表示されず、すべてのボタンは同じクラスとIDを持ち、ビジュアルコンポーザープラグインを使用してページ全体が作成されます。

私はそのページのすべてのモーダルに対してどのように日付ピッカーを得ることができますか？ここで

は、jQueryのコード

$("#end_date").datepicker({ 
     beforeShow: function() { 
     setTimeout(function(){ 
      $('.ui-datepicker').css('z-index', 99999999999999); 
     }, 0); 
    }}); 
     $("#start_date").datepicker({ 
     beforeShow: function() { 
     setTimeout(function(){ 
      $('.ui-datepicker').css('z-index', 99999999999999); 
     }, 0); 
    }, 
     minDate: new Date(), 
     onSelect : function(selected_date){ 
     var selectedDate = new Date(selected_date); 
     var msecsInADay = 86400000; 
     var endDate = new Date(selectedDate.getTime() + msecsInADay); 

     $("#end_date").datepicker("option", "minDate", endDate); 
     } 
    }); 

でここに問題をある

Answer 1

ありがとう -

」... 2番目から、それは何もしてすべてのボタンが同じクラスとIDを持っていない示しモーダルとページ全体がビジュアルコンポーザープラグインを使用して作成されています... "

clあなたはクラスのインスタンスを複数持つことができますが、の各IDは一意でなければなりません。。 IDを複製すると、経験したように最初のIDだけが処理されます。 2番目のモーダルには異なるIDが必要です。

ワークフローを再設計し、その問題を解決するモーダルを1つだけ使用できます。