Ich habe schon einige Lösungen für dieses Problem versucht, aber ich kann es nicht zum Laufen bringen. Ich versuche, ein Datepicker in mein Formular zu bekommen. Das Formular wird in einem Bootstrap-Modal platziert und das Ganze wird über Ajax geladen. Alles funktioniert gut außer dem Datums-Picker, der überhaupt nicht angezeigt wird, wenn er im Modal platziert wird.jQuery Datepicker in Twitter Bootstrap 3 Modal
Ich hatte gehofft, dass eine einfache Lösung wie: .datepicker {Z-Index: 9999! Wichtig;} würde funktionieren, aber es nicht. Kennt jemand eine einfache Lösung dafür?
Hier ist meine Datepicker: ist
<form action="" method="post">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Endre artikkel</h4>
</div>
<div class="modal-body">
<label for="arrived">Motatt</label>
<input type="text" name="arrived" class="form-control datepicker" id="arrived">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</form>
Das Formular in diesem div geladen:
<div class="modal fade" id="load_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 1040;"></div>
Mit diesem javascript:
$(function() {
$(".datepicker").datepicker({ dateFormat: "yyyy-mm-dd" });
});
Hier ist meine Form ist
function edit_article(id){
$("#load_modal").load("load_modal.cgi?type=edit&id="+id);
}
ausführen Sie haben Recht! Danke vielmals! – Twistar