在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vuejs怎么樣置頂datepicker的彈出面板

Vuejs怎么樣置頂datepicker的彈出面板

我用iview組件編寫一個前端的頁面。當(dāng)我用一個card嵌套一個datepicker的時候,datepicker的彈出面板被蓋住了,沒法置頂。
我的部分代碼:

<card class="card">
 <p slot="title">線下訂單統(tǒng)計</p>
  <Col>
    <Col span="3" class="offlineOrderSplitter">
      <div class="offlineOrderSplitterDiv">
        <p>本月訂單總數(shù)</p>
      </div>
      <div class="offlineOrderSplitterDiv">
        <p>本周訂單總數(shù)</p>
      </div>
    </Col>
    <Col span="20">
      <div>
        <span style="padding-left:10px">近一周訂單統(tǒng)計</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>

截圖如下,當(dāng)彈窗向下彈出時候一切正常,但是向上彈出時候就出錯了,被card遮住了
圖片描述
圖片描述

我已經(jīng)使用z-index的css設(shè)置還是不行。先謝過大神了。

回答
編輯回答
懶豬

我已經(jīng)解決了這個問題了 原來是datapicker的transfer屬性要設(shè)置為true

2018年4月17日 08:19