Verschieben Sie den Kalender vor den Menüleisten

Guten Morgen, ich habe mich ein wenig über dieses Thema lustig gemacht. Ich habe einen Kalender, der angezeigt wird, wenn Sie in eine Texbox klicken. Dieser Kalender funktioniert einwandfrei, außer dass er hinter den Menüleisten angezeigt wird.Verschieben Sie den Kalender vor den Menüleisten

Ich habe versucht, es auf zeigen, zu erhalten, indem z-index, aber ich habe kein Glück bekam. Gibt es einen Weg, um alle Javascript oben erscheinen zu lassen? Jede Hilfe wird sehr geschätzt.

Hier ist der Code:

$(document).ready(function() { 
$("#datepicker").datepicker({ minDate: -0, maxDate: "2Y+1M+7D", 
      changeMonth: true, changeYear: true, 
      numberOfMonths:2, 
      dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], 
      dateFormat:"mm/dd/yy", 
      showAnim:"drop" });//fold, slide, blind, bounce, slideDown, show, fadeIn, clip. 
    });

Es gibt auch eine Tonne CSS beteiligt, dass ich nicht wirklich hier veröffentlichen können. Vielen Dank im Voraus :)

Quelle

2016-05-11 salimagic

haben Sie dies versucht: http://stackoverflow.com/questions/7033420/jquery-date-picker-z-index-issue, oder dies: http://stackoverflow.com/questions/22513291/jquery-datepicker -shows-up-behind-andere-regelmäßige-Seite-Elemente –

Danke! Das war's! Ich weiß nicht, warum ich nicht daran gedacht habe :) – salimagic

Sie die CSS-Art und Weise versuchen:

#datepicker{position:relative;z-index:100;}

Oder Sie können versuchen jQuery Weg:

$('.ui-datepicker').css('z-index', 99999999999999);

JSFiddle

Quelle

2016-05-11 15:18:38 EliTownsend

ich kann‘ Sag nicht, wo das Problem liegt, aus dem Code, den du geteilt hast, aber mir ist das schon einmal passiert. Das Problem liegt normalerweise im HTML-Layout. Stellen Sie sicher, dass sich die Datumsauswahl nicht in einem anderen Element befindet, das mit einer relativen Position verknüpft ist. Sie können versuchen, es außerhalb aller übergeordneten Elemente zu verschieben.

würde dies nicht funktionieren

<body> <nav style="position:fixed;">  </nav> <div style="position:relative;"> <div id="datepicker"></div> </div> </body>

aber <body> <nav style="position:fixed;">  </nav> <div style="position:relative;"> </div> <div id="datepicker"></div> </body>

Sorry, wenn dies helfen wird, nicht. Ich gehe nur mit einer Ahnung davon, was mir vorher passiert ist.

Quelle

2016-05-11 15:25:01 Buffalo

Ben Sewards gab mir die Lösung mit seinem Link. Ich musste nur etwas CSS zur tatsächlichen texbox hinzufügen. Danke euch allen.

Quelle

2016-05-11 15:26:12 salimagic

Verschieben Sie den Kalender vor den Menüleisten

Antwort

Verwandte Themen