使用el-date-picker组件，点击确定返回时间区间

使用 el-date-picker 组件，点击确定返回时间区间的话，需要设置该组件的 type 为 "daterange"，然后在确定按钮的回调函数中可以通过 $emit() 方法来向父组件传递选中的时间区间。具体实现可参考以下代码：

<template>
  <div>
    <el-date-picker
      v-model="dateRange"
      type="daterange"
      :picker-options="pickerOptions"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      @confirm="handleConfirm">
    </el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dateRange: [],
      pickerOptions: {
        shortcuts: [
          {
            text: '最近一周',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', [start, end]);
            }
          },
          {
            text: '最近一个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit('pick', [start, end]);
            }
          }
        ]
      }
    };
  },
  methods: {
    handleConfirm() {
      this.$emit('select-date-range', this.dateRange);
    }
  }
};
</script>

在上面的代码中，我们定义了一个 el-date-picker 组件，设置了 type 为 "daterange"，同时监听了 @confirm 事件，当用户点击确定按钮时，会触发 handleConfirm() 方法，该方法会通过 $emit() 向父组件传递选中的时间区间。父组件可以通过监听子组件的事件来获取选中的时间区间。