versteckt Ich benutze jquery datepicker. In einer Seite habe ich eine Fußzeile, wenn der Datumsanzeige erscheint, wird es in der Fußzeile versteckt. Wie kann ich diesen Fehler beheben? Hier ist mein JSFiddlejquery datepicker wird in der Fußzeile
Here I have tried with footer and datepicker. But the date is hidden.
Try this:
Put Fußzeile des z-index:0 und background-color von tbody (Kalender) auf weiß.
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;}
Hier ist die Updated Fiddle
Vielen Dank! Es hat funktioniert :) – sharon
@sharon: Schön, dass es dir geholfen hat :) –
Dies geschieht, weil die Fußzeile der z-index ist höher, dass das Datum Popup
, deshalb Fußzeile auf Ihrem Datum Popup ist.
Setzen Sie Ihre Fußzeile z-index to 0 or less that the date popup und es wird funktionieren.
Aktualisiert Fiddlehttps://jsfiddle.net/8devrvv8/8/
Aus der Dokumentation (here): Anruf .datepicker() auf ein div anstelle eines i nput, um standardmäßig anzuzeigen.
Aktualisiert Geige:https://jsfiddle.net/8devrvv8/13/
löschte ich die Form und den Eingang, und ersetzt es mit einem div:
<div id="beautiful-calendar"></div>
genannt .datepicker() auf vorgenannten div in Javascript:
$('#beautiful-calendar').datepicker()
Einfach den Z-Index auf 9999 setzen {.ui-select .ui-btn Wählen Sie {z-index: 9999! Wichtig } –
@Anurag_Systematix es funktioniert nicht für mich! – sharon
Oder setzen Sie den Z-Index Ihrer Fußzeile auf 0 –