Datepicker div在表单内打开，这就是为什么不可见

Question

图像显示，当我点击日期时，它会在表单

中打开

  <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>

我正在使用向导

样式      .wizard，      .tabcontrol      {       显示：块;       宽度：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的