vue el-date-picker 添加日期選擇事件

在Vue.js中，`el-date-picker`是一个由Element UI提供的日期选择组件。要添加日期选择事件监听，首先你需要在Vue实例中声明这个组件，并配置好日期选择范围等选项。然后可以在`<el-date-picker>`元素上绑定`@change`事件处理函数。

这是一个简单的例子：

<template>
  <el-date-picker
    v-model="value"
    type="date" // 或者'month', 'week', 'daterange'
    :picker-options="pickerOptions"
    @change="handleDateChange" <!-- 绑定日期改变后的回调 -->
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      value: '', // 当前选择的日期
      pickerOptions: {} // 可选的日历选项
    };
  },
  methods: {
    handleDateChange(date) { // 当用户选择新的日期时触发此函数
      console.log('选择的日期:', date);
      this.someOtherFunction(date); // 执行其他操作
    },
    someOtherFunction(date) { /* 这里可以做你需要处理新日期的事情 */}
  }
};
</script>

在这个例子中，每当用户选择一个新的日期，`handleDateChange`方法会被调用，并传递所选日期作为参数。你可以根据需要进一步处理这个事件。