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:
À 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">×</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
Vous devez vous connecter pour publier un commentaire.
J'ai trouvé la solution avec cette réponse. La seule option que vous avez besoin est enforceFocus.
Travail De Démonstration
jQuery
Avez-vous essayez d'insérer le code ci-dessus (pas celle de ici?
oui, et il n'a pas travaillé. J'ai trié en changeant le z-index de l'modal inférieur à celui de datepicker. Merci
Vous êtes les bienvenus. 🙂
Même enforceModalFocusFn n'est pas nécessaire. Retrait de première ligne est aussi très bien.
OriginalL'auteur Davide Pastore