Html datepicker视图隐藏在div后面

这些日期选择器列在表行中。顶部行中的日期选择器工作正常（如第一幅图中所示）。但是底部行中的日期选择器没有正确显示（如第二张图片所示）此问题仅出现在移动视图中。

我使用了bootstrap的

table responsive

类，用于包含此表的div

<div class="table-responsive">
  <table>
    <tbody>
       <tr>
         <td>
            <datepicker datepicker-mobile="true" date-format="dd/MM/yyyy" ><input type="text" class="form-control col-xs-2" ng-model="my_date"/>
         </td>
       </tr>
    </tbody>
  </table
</div>

datepicker append to应该是body，这样它就会隐藏在表中

> <datepicker datepicker-mobile="true" datepicker-append-to="body"
> date-format="dd/MM/yyyy" ><input type="text" class="form-control
> col-xs-2" ng-model="my_date"/>

日期格式=“dd/MM/yyyy”>

您正在使用哪个日期选择器插件？@Hanif 720kb.datepicker…我认为这是在移动视图中的.table响应类中发生的，而您的日期选择器出现在这个边界内，这就是为什么要切断。但是，您可以尝试设置属性“datepicker append to=“body”。@Hanif to datepicker。。？比如…？没错，请看这里的“医生”部分，让我知道它是否适合你。