Utilisation de jQueryUI datepicker dans un dialogue jQuery BlockUI

Question

en essayant de faire fonctionner un datacenter jQueryUI dans un dialogue jQuery blockUI mais il apparaît derrière le dialogue blockUI, c'est-à-dire dans la zone masquée, et en essayant de choisir une date il disparaît mais la valeur pas publié.

Le code js est simplement;

$ ('# datePicker'). Datepicker ({inline: true});

contre laquelle fait partie du balisage blockUI pour créer le dialogue.

Utilisation de;

jquery-1.3.2.min.js jquery-ui-1.7.2.custom.min.js jquery.blockUI.js

Vive

Answer 1

Je viens de croiser la même question. J'ai trouvé la réponse ici Trouble with jQuery Dialog and Datepicker plugins

Answer 2

Oui, vous devez définir l'index z supérieur à celui de la couche de dialogue. J'ai utilisé cette règle CSS pour résoudre ce problème.

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

Answer 3

garder datepicker en dehors du div bloc, et le montrer comme un message du bloc ui

$("#blockdiv").block({ 
    message: $("#datepickerdiv"), 
    centerX: false,centerY: false, 
    css:{width:0,height:0,top:'80px', 
    left:($(window).width()-539)/2+'px',border:0} 
})