关于前端: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  }}