bootstrap-timepicker pas l'affichage des valeurs de modèle de charge

Question

je l'élément suivant:

<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> 

Elle est contenue dans un ng de répétition qui répète cet élément plusieurs fois. L'extrait de code ci-dessus fonctionne parfaitement et affiche correctement les valeurs de modèle correctes lorsqu'il est chargé, mais utilise une zone de texte pour entrer l'heure au lieu de timepickers. Ma valeur de modèle 'timeSegment [0]' est une chaîne au format 'hh: mm a', par exemple '04: 00 AM '.

Cependant, dès que j'ai ajouté l'attribut bs-timepicker aux éléments ci-dessus (pour laisser le temps à entrer à l'aide timepickers au lieu de zone de texte):

<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> 

ils ont montré un temps par défaut au lieu des valeurs de mon modèle. Il récupérait correctement mon modèle, car il renvoyait correctement le bon nombre d'éléments et montrait le timepicker pour eux, mais pas la bonne valeur dans le timepicker. Ce qui est également étrange est que bien que les timepickers affichent une heure par défaut, dès que j'en change un, la valeur est correctement mise à jour dans mon modèle.

Je pensais que c'est peut-être parce que l'heure est mon modèle est une chaîne, et non une date, mais même en ajoutant des attributs décrits ici http://mgcrea.github.io/angular-strap/#/timepickers, comme ce qui suit, fait aucune différence. J'ai aussi essayé de faire de mon modèle un objet Date, mais encore une fois, pas de différence.

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

Answer 1

j'ai fini à l'aide d'un timepicker différent, qui fonctionne comme prévu:

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