由于特殊场景,时间选择器单独封装成组件使用,但是在使用的时候,点击时间组件,总是无法弹出时间框。解决办法,在focus方法中调用handleOpen事件即可。
<div v-show="date==='999'" class="date-wrap">
<el-date-picker ref="start" v-model="startTime" size="small" :disabled-date="startDisable" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请输入开始时间" @focus="focusStart" @blur="startChange" />
- <el-date-picker ref="end" v-model="endTime" size="small" :disabled-date="endDisable" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请输入结束时间" @focus="focusEnd" @blur="endChange" />
</div>
function focusStart() {
proxy.$refs.start.handleOpen() // 手动开启时间弹窗
}
function focusEnd() {
proxy.$refs.end.handleOpen()
}