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

Jquery ui 在jQuery BlockUI对话中使用jQueryUI日期选择器,jquery-ui,Jquery Ui,试图让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 干杯是的,您需要将z索引设置为大于对话框层。我使用这个C

试图让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


干杯

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

.ui日期选择器 { z指数:9999;
}

将日期选择器保持在block div之外,并将其显示为block ui的消息

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