el-date-picker日期和时间范围无法选择时间的问题

问题现象

el-date-picker日期和时间范围无法选择时间的问题_第1张图片

原因

原因验证:在chrome调试台获取该input元素,执行input.focus(),然后点击input框出现下拉列表

尝试

  • 在项目中,用DOM操作获取该input元素,然后input.focus() 无效
  • 将dialog和popover添加到body上 无效

解决方法

  • 给该el-date-picker添加属性 :teleported="false" popper-class="need-focus-input"
  • 定义类

    注意:由于下拉框没有添加在body上,所以不能在style scoped中定义该类

你可能感兴趣的:(前端vue.js)