iview的Calendar组件事件

iView 的 Calendar 组件提供了多个事件，可以监听用户的操作并进行相应的处理。下面是常用的几个事件：

- `on-pick(date)`: 当用户选择某个日期时触发。`date` 参数为一个 Date 对象，表示选择的日期。
- `on-clear()`: 当用户清除所有选中的日期时触发。
- `on-month-change(date)`: 当月份切换时触发。`date` 参数为一个 Date 对象，表示当前显示的月份。
- `on-year-change(date)`: 当年份切换时触发。`date` 参数为一个 Date 对象，表示当前显示的年份。

除了上述事件外，Calendar 组件还提供了一些其他的事件，如 `on-ok()`、`on-cancel()` 等。您可以根据具体的需求选择相应的事件进行监听。例如，监听用户选择日期的事件可以这样写：

<template>
  <div>
    <Calendar v-model="date" @on-pick="handlePick" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: null,
    }
  },
  methods: {
    handlePick(date) {
      console.log(`用户选择了日期：${date}`)
    },
  },
}
</script>

在上面的代码中，我们将 `Calendar` 组件的 `on-pick` 事件绑定到 `handlePick` 方法上。当用户选择某个日期时，`handlePick` 方法会被调用，并将选择的日期作为参数传入。在 `handlePick` 方法中，我们可以对用户选择的日期做处理，例如显示在页面上，发送给后端等。