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

鍍金池/ 問答/HTML/ elementui 日期選擇器定位錯亂問題

elementui 日期選擇器定位錯亂問題

如題,一共有三組日期選擇器,每組的第一個會出現(xiàn)定位錯亂的問題,在0,0點,請問怎么解決。
代碼結構:
<el-form-item label='時間維度:'>

            <el-radio-group v-model="dateRange" size="mini">
                <el-radio-button label="dateDay">分日</el-radio-button>
                <el-radio-button label="dateWeek">分周</el-radio-button>
                <el-radio-button label="dateMonth">分月</el-radio-button>
            </el-radio-group>
            <!-- 日 -->
            <span v-if="dateRange=='dateDay'">
                <el-date-picker
                v-model="dateDayVal"
                size="mini"
                type="daterange"
                range-separator="至"
                start-placeholder="開始日期"
                end-placeholder="結束日期">
                </el-date-picker>
            </span>
            <!-- 周 -->
            <span v-if="dateRange=='dateWeek'">
                <el-date-picker
                    v-model="weekValue"
                    type="week"
                    size="mini"
                    :picker-options="packerOpitions"
                    @change='changePacker'
                    :clearable='false'
                    format= "yyyy第WW周"
                    placeholder="請選擇周">
                </el-date-picker>
                <span>至</span>
                <el-date-picker
                    v-model="weekValue2"
                    type="week"
                    size="mini"
                    align="center"
                    :picker-options="packerOpitions"
                    @change='changePacker2'
                    :clearable='false'
                    format= "yyyy第WW周"
                    placeholder="請選擇周">
                </el-date-picker>
            </span>
            <!-- 月 -->
            <span v-if="dateRange=='dateMonth'">
                <el-date-picker
                v-model="dateMonthVal1"
                type="month"
                size="mini"
                placeholder="選擇月">
                </el-date-picker>
                <span>至</span>
                <el-date-picker
                v-model="dateMonthVal2"
                type="month"
                size="mini"
                placeholder="選擇月">
                </el-date-picker>
            </span>
            
        </el-form-item>
        

效果如圖:

clipboard.png

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
拮據(jù)

你把v-if 改為v-show 即可

2018年3月1日 03:54
編輯回答
孤酒

在你組件的外層包一個div或其他元素, 設置它的樣式position: relative即可

2017年8月23日 01:50