jQuery Datepicker verschwindet hinter dem Dialog

Für dieses Problem gibt es eine einfache Lösung. Man muss dem Datepicker Element einen z-index zuweisen, der höher ist als der des Dialogs.

Hier ein Beispiel:

 
// Recht hoch gesetzt, sollte aber immer mehr als 10000 sein
$("#ui-datepicker-div").css("z-index", 10000000);
 
// Alternativ kann man auch dies versuchen um den z-index eins höher 
// als das Elternelement zu setzen
$("#ui-datepicker-div").css("z-index", $(this).parents(".ui-dialog").css("z-index")+1);

Leave a Reply