vue2中如何实现如何从DatePicker中取出开始日期和结束日期，通过查询按钮发送给后端

在Vue 2中，使用Element UI的 DatePicker 组件获取起始和结束日期，并将其通过查询按钮发送给后端，你可以这样做：

首先，在模板文件中设置两个 DatePicker 和一个按钮：

<el-date-picker
  v-model="startDate"
  type="daterange"
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
></el-date-picker>
<button @click="sendDates">查询</button>

然后，在你的组件脚本部分，定义 `startDate` 变量：

export default {
  data() {
    return {
      startDate: '',
    };
  },
}

接下来，添加一个方法 `sendDates` 来获取日期并发送请求：

methods: {
  sendDates() {
    if (!this.startDate || !this.startDate[0] || !this.startDate[1]) {
      alert('请选择日期');
      return;
    }

    const dates = {
      startTime: this.startDate[0].format('YYYY-MM-DD'), // 或者根据需求转换成其他格式
      endTime: this.startDate[1].format('YYYY-MM-DD'),
    };

    // 发送 POST 请求，这里假设使用axios
    axios.post('/api/query', { dates }).then((response) => {
      console.log('响应:', response.data);
    });
  },
},

这里，我们假设日期已按预期格式保存在 `startDate` 数组中，然后提取开始和结束时间进行格式化（例如使用 `format()` 方法），最后构造一个包含日期对象的 JSON 数据发送到后端。