关于前端:elementui的日期选择框底部清空按钮点击不关闭日期选择框的实现办法

最近遇到个需要，要求点击底部”清空“按钮不敞开日期框，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
  }
}