在jQuery BlockUI对话框中使用jQueryUI datepicker

问题描述：

试图获得jQueryUI datepicker在jQuery blockUI对话框中工作，但它出现在blockUI对话框的后面，即在空白区域中，并且当试图选择它消失的日期时，没有发布。在jQuery BlockUI对话框中使用jQueryUI datepicker

js代码很简单; $（'＃datePicker'）。datepicker（{inline：true}）;

针对哪个是blockUI标记的一部分来创建对话。

使用;

jQuery的1.3.2.min.js 的jQuery-UI-1.7.2.custom.min.js jquery.blockUI.js

干杯

答

我只是碰到了同样的问题。我在这里找到了答案 Trouble with jQuery Dialog and Datepicker plugins

的z-index的解决了这个问题对我来说 – 2013-09-06 00:52:42

答

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

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

答

保持块格的日期选择器外，并显示为块UI的消息

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

在jQuery BlockUI对话框中使用jQueryUI datepicker

相关推荐