在jQuery BlockUI对话框中使用jQueryUI日期选择器

Question

尝试让jQueryUI日期选择器在jQuery blockUI对话框中工作，但它出现在blockUI对话框后面，即在空白区域中，并且在尝试选择日期时，它消失但值未过帐。

js代码很简单；

$('#datePicker').datepicker({ inline: true })；

它是创建对话的blockUI标记的一部分。

使用；

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

干杯

Answer 1

是的，您需要将z-index设置为大于对话框层。我使用这个CSS规则来解决这个问题。

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

Answer 2

将datepicker放在块div之外，并将其显示为块ui的消息

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