Verwenden von jQueryUI datepicker in einem jQuery BlockUI-Dialog

Question

Der Versuch, einen jQueryUI-Datepicker innerhalb eines jQuery blockUI-Dialogs zu erhalten, erscheint jedoch hinter dem blockUI-Dialog, dh im ausgeblendeten Bereich, und beim Versuch, ein Datum zu wählen, verschwindet jedoch der Wert nicht veröffentlicht.

js code ist einfach;

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

, die Teil des blockUI-Markups ist, um den Dialog zu erstellen.

Verwendung;

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

Prost

Answer 1

Ich lief in das gleiche Problem. Ich habe die Antwort hier gefunden Trouble with jQuery Dialog and Datepicker plugins

Answer 2

Ja, Sie müssen den Z-Index größer als die Dialogschicht festlegen. Ich habe diese CSS-Regel verwendet, um dieses Problem zu beheben.

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

Answer 3

picker außerhalb des Blocks div, halten und es als eine Nachricht von Block ui zeigen

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