element ui 日期范围选择器取得的日期范围传值给后台的代码

以下是使用 Vue.js 和 Element UI 实现将日期范围传递给后台的一个示例代码：

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

<script>
export default {
  data() {
    return {
      dateRange: [] // 存储日期范围
    };
  },
  methods: {
    submitDateRange() {
      // 使用 AJAX 请求将日期范围传递给后台
      const startDate = this.dateRange[0];
      const endDate = this.dateRange[1];
      const data = {
        startDate,
        endDate
      };
      this.$http.post('/api/date-range', data).then(response => {
        // 处理后台返回的数据
        console.log(response.data);
      });
    }
  }
};
</script>

在这个示例中，我们使用 `el-date-picker` 组件实现了日期范围选择器。当用户选择日期范围时，会触发 `@change` 事件，调用 `submitDateRange` 方法将日期范围传递给后台。在 `submitDateRange` 方法中，我们使用 Vue.js 的 `$http` 方法发送 AJAX 请求，并将日期范围作为参数传递给后台。在后台处理完这个日期范围后，我们可以在 AJAX 回调函数中处理后台返回的数据。