Я использую jquery datepicker. На странице у меня есть нижний колонтитул, когда всплывает датапикер, он скрывается внутри нижнего колонтитула. Как я могу исправить эту ошибку? Вот моего JSFiddlejquery datepicker скрывается внутри нижнего колонтитула
Here I have tried with footer and datepicker. But the date is hidden.
Попробуйте это:
Put сноска-х z-index:0 и background-color из tbody (календарь) на белый.
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
Спасибо большое! Это сработало :) – sharon
@sharon: Рад, что это вам помогло :) –
Это происходит потому, что ваша сноска-х z-index выше, что дата всплывающего окна
, поэтому сноска на верхней части даты всплывающего окна.
Установите нижний колонтитул z-index to 0 or less that the date popup и он будет работать.
Обновлено Fiddlehttps://jsfiddle.net/8devrvv8/8/
Из документации (here): вызов .datepicker() на div вместо i nput для отображения по умолчанию.
Обновлено скрипку:https://jsfiddle.net/8devrvv8/13/
Я удалил форму и вход, и заменил его DIV:
<div id="beautiful-calendar"></div>
называется .datepicker() на вышеупомянутом DIV в JavaScript:
$('#beautiful-calendar').datepicker()
Просто установите Z-index на 9999 следующим образом {.ui-select .ui-btn select {z-index: 9999! Important } –
@Anurag_Systematix это не работает для меня! – sharon
Или установите Z-index вашего нижнего колонтитула на 0 –