Bootstrap DatePicker à l'intérieur Modal ne fonctionne pas

J'ai cette datepicker à l'intérieur d'un modal, mais ne fonctionne pas. J'ai déjà essayé quelques codes que j'ai vu dans le forum, mais aucun d'eux de travailler. Cela pourrait-il être un javascript problème? Je ne suis pas sûr de ce qu'il n'est pas de montrer le datepicker,quelqu'un qui peut m'aider svp merci Bootstrap DatePicker à l'intérieur Modal ne fonctionne pas

JS:

<script>
$(document).ready(function() {
$('#datePicker')
.datepicker({
format: 'mm/dd/yyyy'
})
.on('changeDate', function(e) {
//Revalidate the date field
$('#eventForm').formValidation('revalidateField', 'date');
});
$('#eventForm').formValidation({
framework: 'bootstrap',
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
name: {
validators: {
notEmpty: {
message: 'The name is required'
}
}
},
date: {
validators: {
notEmpty: {
message: 'The date is required'
},
date: {
format: 'MM/DD/YYYY',
message: 'The date is not a valid'
}
}
}
}
});
});
</script>

HTML:

<div class="form-group">
<label class="col-xs-3 control-label">Date</label>
<div class="col-xs-5 date">
<div class="input-group input-append date" id="datePicker">
<input type="text" class="awe-calendar" name="date" />
<span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
</div>

  • charger le jquery et bootstrap.min.js à la fin de la balise body
  • j'ai déjà de la charge à la fin de la balise body.
  • le datepicker est un travail, mais c'est l'affichage au-dessus du champ de saisie
  • Que voulez-vous dire? le datepicker est pas à l'affiche.
  • Je ne peux pas cliquer sur le calendrier d'un logo.
  • Parce que le calendrier logo est juste dans la durée dans des div à l'
  • il y a une erreur dans votre code dans $('#eventForm').formValidation({ cette ligne
  • cochez cette jsbin jsbin.com/rezufa/edit?html,css,js,sortie