Element UI DatePicker 监听年月切换按钮并获取变更

在 Element UI 的 DatePicker 组件中，可以通过监听 current-change 事件来获取年月切换按钮的变化。以下是一个简单的例子：




<template>
  <el-date-picker
    v-model="date"
    type="date"
    @current-change="handleYearMonthChange"
  ></el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      date: ''
    };
  },
  methods: {
    handleYearMonthChange(date) {
      // 这里的 date 是年月切换后的日期
      console.log('Year or Month changed to:', date.getFullYear(), date.getMonth() + 1);
    }
  }
};
</script>

在这个例子中，handleYearMonthChange 方法会在用户切换年或月时被调用，并接收到新的日期对象。通过这个日期对象，你可以获取到变更后的年份和月份。

Element UI DatePicker 监听年月切换按钮并获取变更

评论已关闭

推荐阅读