jquery datepicker隱藏在頁腳內

我正在使用jquery datepicker。在頁面中我有一個頁腳，當日期選擇器彈出時它會隱藏在頁腳內。我該如何解決這個錯誤？這裏是我的JSFiddle jquery datepicker隱藏在頁腳內

Here I have tried with footer and datepicker. But the date is hidden.

來源

2016-12-22 sharon

就像這樣設置Z-index爲9999 {.ui-select .ui-btn select {z-index：9999！important } –

@Auurag_Systematix它不適合我！ – sharon

或者將頁腳的Z-index設置爲0 –

試試這個：

認沽頁腳z-index:0和tbody（日曆）的background-color爲白色。

HTML：

<div data-role='footer' data-position="fixed" data-tap-toggle="false" data-hide-during-focus="" 
style='padding:40px;background-color:red;z-index:0'> 
</div>

CSS：

.ui-datepicker-calendar tbody {background-color:#FFF;}

這裏是Updated Fiddle

來源

2016-12-22 07:31:28

非常感謝！它的工作:) – sharon

@sharon：很高興它幫助你:) –

這是發生，因爲您的頁腳的z-index較高的日期彈出

這就是爲什麼頁腳是你的約會彈出窗口的頂部。

設置您的頁腳的z-index to 0 or less that the date popup，它會工作。

更新小提琴https://jsfiddle.net/8devrvv8/8/

來源

2016-12-22 07:27:17

從文檔（here）：調用.datepicker（）上div而不是i輸入以默認顯示。

更新小提琴：https://jsfiddle.net/8devrvv8/13/

我刪除了形式和投入，並與一個div取代它：

<div id="beautiful-calendar"></div>

稱爲.datepicker（）對上述格在Javascript：

$('#beautiful-calendar').datepicker()

來源

2016-12-22 07:38:13

jquery datepicker隱藏在頁腳內

回答

相關問題