vue中element-ui日期选择组件el-date-picker 清空所选时间，会将model绑定的值设置为null 问题 及 限制起止日期范围

在Vue中使用Element UI的el-date-picker组件时，如果需要清空所选时间，并将model绑定的值重置，可以通过更新model绑定的值来实现。

以下是一个简单的例子：

<template>
  <el-date-picker
    v-model="dateValue"
    type="date"
    placeholder="选择日期"
    @change="handleDateChange">
  </el-date-picker>
  <el-button @click="clearDate">清空日期</el-button>
</template>
 
<script>
export default {
  data() {
    return {
      dateValue: null,
    };
  },
  methods: {
    handleDateChange(value) {
      // 当日期改变时触发
      console.log('Selected Date:', value);
    },
    clearDate() {
      // 清空日期，并将dateValue重置为null
      this.dateValue = null;
    },
  },
};
</script>

在这个例子中，el-date-picker的v-model绑定到了dateValue这个数据属性上。当用户选择一个日期，dateValue会被自动更新。clearDate方法通过将dateValue设置为null来清空选中的日期，并将组件的显示状态重置。