Utiliser jQuery DatePicker dans le Bootstrap 3 modal

Je voudrais utiliser jQuery UI datepicker dans un modal. Le vrai problème est que si je veux aussi montrer des années et des mois, il me montre vide sélectionne:

Utiliser jQuery DatePicker dans le Bootstrap 3 modal

À l'aide de firebug, il semble que l'option balises sont sous le modal.

C'est mon code HTML:

<div class="modal-dialog">
 <div class="modal-content">
  <form id="add-form" action="#" method="post">
   <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">Add</h4>
   </div>
   <div class="modal-body">
    <div class="input-group">
     <div class="input-group">
      <label for="date">Date</label>
      <input type="text" id="date" name="date" class="form-control datepicker"/>
     </div>
    </div>
   </div>
   <div class="modal-footer">
    <button type="submit" class="btn btn-default" data-dismiss="modal">Chiudi</button>
    <button type="submit" class="btn btn-primary">Salva</button>
   </div>
  </form>
 </div>
</div>

Javascript:

$( ".datepicker" ).datepicker({
 dateFormat: 'dd/mm/yy',
 defaultDate: new Date(),
 changeMonth: true,
 changeYear: true
});

$('.datepicker').css("z-index","0");

J'ai déjà essayé cette mais il ne fonctionne pas (j'ai le même problème de giuseppe).

OriginalL'auteur Davide Pastore | 2014-03-14