Wiederholte Bootstrap Datepickers

Question

Ich habe eine dynamische Form, die wiederholte Datepickers Elemente haben kann. Ich benutze Bootstrap Datepicker.

<div class="col-xs-11"> 
    <div class="input-group date" id="datepicker"> 
     <input type="text" class="form-control be-form-control form-input" aria-describedby="basic-addon2" /> 
     <span class="input-group-addon calendar-icon" id="basic-addon2"> 
      <i class="glyphicon glyphicon-calendar" aria-hidden="true"></i> 
     </span> 
    </div> 
</div> 

Dieses Element kann wiederholt werden. Mein Problem ist, dass mit Bootstrap-Datepicker I Skript enthalten sind, wie,

$('#datepicker').datepicker(); 

Aber wenn ich zwei solche picker Felder haben, dann arbeitet man und andere nicht, weil beide jetzt gleiche ID haben. Wie kann man dynamische Nein von Datumsempfängern mit einzigartigen IDs hinzufügen.

Answer 1

, wenn Sie mehrere Datepicker haben, dann sollten Sie anstelle einer ID eine Klasse verwenden (eine ID muss eindeutig sein)

$('.classDatePicker').datepicker();