日付ピッカーのdivがフォーム内に開き、見えない

Question

画像は私が日付をクリックすると、それは私がウィザード

スタイル .wizardを使用していますフォーム

<div class="col-lg-2"> 
       <div class="form-group"> 
        <label>Start Date</label> 

        <div class="input-group date"> 

         <datetimepicker 
           ng-click="setStartDateSlider($index)" 
           hour-step="hourStep" 
           minute-step="minuteStep" 
           ng-model="projectData.project_start_date" 
           show-meridian="showMeridian" 
           date-popup="{{format}}" 
           date-format="MM-dd-yyyy" 
           date-options="dateOptions" 
           date-disabled="disabled(date, mode)" 
           datepicker-append-to-body="false" 
           readonly-date="false" 
           disabled-date="false" 
           hidden-time="true" 
           hidden-date="false" 
           name="datetimepicker" 
           show-spinners="true" 
           readonly-time="false" 
           date-opened="dateOpened" 
           show-button-bar="true" 
           placeholder="Start Date" 
           is-open="showdp" 
         <!--style="position: fixed;width:90px;z-index: 1000000" --> 
         > 
        <!-- Use date-ng-click="open($event, opened)" to override date ng-click --> 
         </datetimepicker> 
         <span class="input-group-addon"><i class="fa fa-calendar" ng-click="showcalendar()"></i></span> 
        </div> 
       </div> 
      </div> 

の内側に開くことを示している理由です、 .tabcontrol { display：block; 幅：100％; オーバーフロー：非表示。 }

.wizard > .content 
{ 
background: #eee; 
display: block; 
margin: 5px 5px 10px 5px; 
min-height: 120px; 
overflow: hidden; 
position: relative; 
width: auto; 

-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
} 

.tabcontrol > .content 
{ 
position: relative; 
display: inline-block; 
width: 100%; 
height: 35em; 
overflow: hidden; 
border-top: 1px solid #bbb; 
padding-top: 20px; 
} 

注：隠された、それは良い動作しますが、モバイルデバイスでは動作していない：私はオーバーフローを削除する場合ことがわかりました。

Answer 1

datepickerのz-indexプロパティで試してみてください