La difficulté avec jQuery Dialogue et Datepicker plugins

Question

J'ai une boîte de dialogue, et j'ai un datepicker champ dans la boîte de dialogue.

Quand j'ouvre la boîte de dialogue et cliquez sur le datepicker de terrain, le datepicker spectacle panneau derrière dialogue.

J'ai essayer plusieurs propriétés: zindex, pile, bgiframe, mais pas de succès.

Quelqu'un peut-il m'aider?

Tks.

Answer 1

Vieille Réponse

z-index (notez le trait d'union!) est la propriété des questions. Assurez-vous qu'il plus grand que le dialogue, et assurez-vous de le mettre sur le bon élément. Voici comment nous procédons:

#ui-datepicker-div 
{
 z-index: 1000; /* must be > than popup editor (950) */
}

API de Modification - avril 17, 2010

Dans le fichier CSS pour le sélecteur de date, de trouver l' .ui-datepicker d'élément et de le modifier:

.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 9999 !important; }

À l'aide de z-index: 9999 !important; travaillé dans Firefox 3.5.9 (Kubuntu).

Answer 2

pour jquery-ui-1.8

<style type="text/css">
    .ui-datepicker
    {
        z-index: 1003 !important; /* must be > than popup editor (1002) */
    }
</style>

L'important est nécessaire, car le datepicker a un élément.le style qui définit le z-index de 1.

Answer 3

Cela a fonctionné pour moi:

.ui-datepicker {
        z-index: 9999 !important;
    }

Answer 4

Mettre le style suivant à la 'input' de l'élément de texte: "position: relative; z-index: 100000;".

Le datepicker div prend le z-index de l'entrée, mais cela ne fonctionne que si la position est relative.

À l'aide de cette façon, vous n'avez pas à modifier le code javascript de jQuery UI.