Bootstrap-Timepicker nicht Modellwert auf Last Anzeige

Question

Ich habe folgendes Element:

<div class="input-group bootstrap-timepicker"> 
    <input type="text" 
      class="form-control timepicker" 
      name="start-time" 
      ng-model="timeSegment[0]"/> 
    <span data-toggle="timepicker" class="input-group-addon add-on btn btn-default"> 
     <i class="icon icon-time"></i> 
    </span> 
</div> 

Es ist in einer ng-repeat enthält, dass dieses Element mehrmals wiederholt. Das obige Code-Snippet funktioniert einwandfrei und zeigt beim Laden korrekt die richtigen Modellwerte an, verwendet jedoch ein Textfeld zur Eingabe der Uhrzeit anstelle von Zeitpickern. Mein Modellwert 'timeSegment [0]' ist ein String im Format 'hh: mm a', zum Beispiel '04: 00 AM '.

jedoch sobald ich das bs-Time Attribut zu den obigen Elementen hinzugefügt (um Zeit anstelle der Textbox Verwendung timepickers eingegeben werden):

<div class="input-group bootstrap-timepicker"> 
     <input type="text" 
       class="form-control timepicker" 
       name="start-time" 
       ng-model="timeSegment[0]" 
       bs-timepicker/> 
     <span data-toggle="timepicker" class="input-group-addon add-on btn btn-default"> 
      <i class="icon icon-time"></i> 
     </span> 
    </div> 

sie eine Standardzeit anstelle der Werte zeigten von meinem Modell. Es nahm mein Modell richtig auf, da es die richtige Anzahl von Elementen korrekt iterierte und den Zeitpicker für sie zeigte, nur nicht den richtigen Wert im Zeitpicker.

Was auch seltsam ist, dass, obwohl die Zeitzähler eine Standardzeit zeigen, sobald ich eine von ihnen ändere, der Wert korrekt in meinem Modell aktualisiert wird.

Ich dachte, es könnte sein, weil Zeit ist mein Modell ist eine Zeichenfolge, und kein Datum, aber auch das Hinzufügen von Attributen wie hier beschrieben http://mgcrea.github.io/angular-strap/#/timepickers, wie folgt, machte keinen Unterschied. Ich habe auch versucht, mein Modell zu einem Date-Objekt zu machen, aber auch hier keinen Unterschied.

data-modelTimeFormat="hh:mm A" 
data-timeType="string" 

Answer 1

Ich landete einen anderen Timepicker mit, die wie erwartet funktioniert:

https://angular-ui.github.io/bootstrap/