Comment modifier la valeur de l'index Z du Datepicker de jQuery UI ?

Question

Je suis obligé d'utiliser une ancienne version de jquery ui qui est 1.8.10. Le datepicker dans cette version avait un bug dans le réglage du z-index qui le faisait parfois apparaître sous d'autres contrôles. Je veux simplement ajuster le z-index du dp pour qu'il apparaisse au-dessus des autres contrôles. J'ai essayé de modifier l'index z dans le fichier .js mais cela n'a pas fonctionné. J'ai lu qu'il fallait définir cette valeur lors de l'événement aftershow car la valeur sera écrasée si elle est antérieure (je ne suis pas sûr que ce soit vrai). Je ne sais pas si c'est vrai. Voici un exemple de création d'une instance du dp... j'ai aussi attaché un timepicker au datepicker.

        $(function () {
        $("input[id$='txtPreviousCutOff']").datetimepicker({
            timeFormat: "hh:mm tt",
            stepMinute: 5
        });
        $("#dpimage6").click(function () {
            $("input[id$='txtPreviousCutOff']").datepicker("show")
        });
    });

Answer 1

Il suffit de modifier le CSS :

Comme précédemment, procédez ainsi :

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

N'oubliez pas d'ajouter !Important .

Cela remplace tout style en ligne qui est ajouté par la balise javascript .

J'espère que cela fonctionnera :)

Bon codage

Answer 2

J'ai appelé cette fonction lorsque l'utilisateur clique sur la boîte de texte utilisée pour contrôler le sélecteur de date.

function textboxWhenClicked(){
  $("#textboxid").datepicker();
  $("#ui-datepicker-div").css("z-index", 999999);
}

Très bon fonctionnement

-M