//给每一个 el-date-picker 标签 添加一个 key 值 key="value"
<el-form-item>
<el-select v-model="listQuery.Time" placeholder="时间选择">
<el-option
v-for="item in timeSelection"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item v-if="listQuery.Time == 'Month'">
<el-date-picker
v-model="MounthTime"
key="'month'"
type="month"
placeholder="选择月">
</el-date-picker>
</el-form-item>
<el-form-item v-if="listQuery.Time == 'Day'">
<el-date-picker
v-model="DayTime"
key="'day'"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item v-if="listQuery.Time == 'Scope'">
<el-date-picker
v-model="ScopeTime"
key="'scope'"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
element-ui 使用多个时间选择器 造成弹窗错位问题
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 最近在做vue+element-ui的后台管理页面,其中用到了DateTimePicker来选择日期时间,但是在将...
- 最近公司项目用到了Vue.js,和它一块的是ElementUI控件。当使用ElementUI的日期选择器DateP...
- 参考文档:https://blog.csdn.net/bamboozjy/article/details/8139...
- Element-UI里的date-picker是个优秀的时间选择器,支持的选项很多,定制型很强。不过date-pi...
- 前言 其实我想记录的不仅仅是如题所写的,不过却是由此引起的。 正文 思路 先来段废话,其实这个方法也就那么几个,要...