Vuejs怎么样置顶datepicker的弹出面板

Question

我用iview组件编写一个前端的页面。当我用一个card嵌套一个datepicker的时候，datepicker的弹出面板被盖住了，没法置顶。
我的部分代码：

<card class="card">
 <p slot="title">线下订单统计</p>
  <Col>
    <Col span="3" class="offlineOrderSplitter">
      <div class="offlineOrderSplitterDiv">
        <p>本月订单总数</p>
      </div>
      <div class="offlineOrderSplitterDiv">
        <p>本周订单总数</p>
      </div>
    </Col>
    <Col span="20">
      <div>
        <span style="padding-left:10px">近一周订单统计</span>
        <div style="float:right">
          <span>今日</span>
          <span>本周</span>
          <span>本月</span>
          <span>
            <DatePicker type="daterange" placement="bottom-end" placeholder="选择日期" style="width: 200px"></DatePicker>
          </span>
        </div>
      </div>
    </Col>
  </Col>
</card>

截图如下，当弹窗向下弹出时候一切正常，但是向上弹出时候就出错了，被card遮住了

我已经使用z-index的css设置还是不行。先谢过大神了。

Answer 1

我已经解决了这个问题了 原来是datapicker的transfer属性要设置为true

Answer 2

我试了，为什么不行