element-ui的日期选择框底部清空按钮点击不关闭日期选择框的实现办法

最近遇到个需求，要求点击底部”清空“按钮不关闭日期框，element-ui是默认点击关闭的，查官方文档也没有给出配置项或者回调，因此只有自己想办法实现了。我的做法是监听change事件，当点击清空的时候时间值为null，然后在里面打开日期框。具体代码如下：

模板

<el-date-picker
    ref="datePicker"
    v-model="timeSelect"
    type="datetimerange"
    range-separator="至"
    start-placeholder="开始时间"
    end-placeholder="结束时间"
    placeholder="选择时间范围"
    @change="selectTime"
    :picker-options="pickerOptions"
    :default-time="['00:00:00', '23:59:59']"
  >
</el-date-picker>

js

selectTime(v) {
  // 点清空按钮
  if (v === null) {
    this.$refs.datePicker.showPicker()
    this.timeSelect = []
    return
  }
}