el-date-picker中popper-class的使用,自定义时间框的弹出位置

问题

• 有时候时间选择框会根据位置自动计算出现的位置.但有时会造成被遮挡的问题
• 使用popper-class自定义时间弹框样式不生效问题

解决方法

• 使用popper-class时 不要放在<style scoped></style>标签中,另外写一个<style>标签放在里边

<el-date-picker
size="large"
ref="pickerRef"
v-model="nowSearchTime"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
@focus="focusTime"
:popper-class="'datePicker'" >
</el-date-picker>


<style scoped>
    ...其他样式
</style>
<style>
/* 自定义日期下拉框位置 */
.datePicker {
  top: 60px !important;
}