在jQuery BlockUI對話框中使用jQueryUI datepicker

Question

試圖獲得jQueryUI datepicker在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

我只是碰到了同樣的問題。我在這裏找到了答案 Trouble with jQuery Dialog and Datepicker plugins

Answer 2

是的，您需要設置z-index大於對話層。我用這個CSS規則來解決這個問題。

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

Answer 3

保持塊格的日期選擇器外，並顯示爲塊UI的消息

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