Datepicker funktioniert nur in der ersten Modal

Question

Ich habe eine Seite mit allen Produkten zur Miete angezeigt und unterhalb dieser Produkte habe ich ein visuelles Composer Popup Modal platziert. Das Modal funktioniert für jedes Produkt, aber das Problem hier ist, gibt es Start- und Enddatum Felder in Modal, die ich mit Kontaktformular 7 erstellt und ich gab IDs, um die Datumsauswahl bei der Auswahl der Eingabefelder, aber die Datumsauswahl auszulösen ist nur für das erste Modal arbeiten. Vom zweiten Modal zeigt es nichts und alle Buttons haben die gleichen Klassen und IDs und die gesamte Seite wird mit dem Visual Composer Plugin erstellt.

Also, wie kann ich Datum-Picker für alle Modale auf dieser Seite bekommen.

ist hier JQuery Code

$("#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); 
     } 
    }); 

Danke

Answer 1

hier liegt das Problem -

“... zweite Von modal zeigt es nichts und alle Tasten haben dieselben Klassen und IDs und die gesamte Seite wird mit Visual Composer Plugin erstellt ... "

ist es in Ordnung, die cl zu replizieren asses, da Sie mehr als eine Instanz einer Klasse haben können, aber jede ID muss eindeutig sein. Wenn du IDs duplizierst, wird nur der erste bearbeitet - wie du erfahren hast. Sie müssen verschiedene IDs für das zweite Modal haben.

Sie könnten den Workflow neu gestalten und nur ein Modal verwenden, das dieses Problem lösen würde.