el-date-picker获取数据

在使用 Element UI 的 el-date-picker 组件时，您可以通过监听该组件的 change 事件来获取用户选择的日期数据。以下是一个简单的示例代码：

<template>
  <el-date-picker
    v-model="selectedDate"
    type="date"
    @change="handleDateChange"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: null
    };
  },
  methods: {
    handleDateChange(date) {
      console.log("Selected date:", date);
      // 在这里可以对选中的日期数据进行处理或者发送请求等操作
    }
  }
};
</script>

在上述示例代码中，我们使用了 v-model 指令将选中的日期数据绑定到了 selectedDate 变量上。当用户选择日期时，会触发 change 事件，我们通过 @change 监听该事件，并在对应的方法 handleDateChange 中对选中的日期数据进行处理。

您可以根据实际需求，在 handleDateChange 方法中进行相应的操作，比如将日期数据发送到后端进行处理，更新页面内容等。

请注意，以上示例代码仅为演示如何获取 el-date-picker 组件的数据，具体实现方式可能会根据您的项目需求和业务逻辑有所不同。您可以根据实际情况进行相应的修改和调整。