vant日历日程可在某一天添加备注信息代码

以下是一个示例代码，演示如何使用Vant日历组件在某一天添加备注信息：

<template>
  <div>
    <van-calendar @click="handleCalendarClick" :events="events" />
    <van-dialog v-model="dialogVisible" title="添加备注" @confirm="handleDialogConfirm">
      <van-field v-model="remark" label="备注信息" />
    </van-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      events: [], // 存储备注信息的数组
      dialogVisible: false, // 控制对话框的显示与隐藏
      remark: '', // 备注信息
      selectedDate: '', // 选中的日期
    };
  },
  methods: {
    handleCalendarClick({ date }) {
      this.selectedDate = date;
      this.dialogVisible = true;
    },
    handleDialogConfirm() {
      this.events.push({
        date: this.selectedDate,
        remark: this.remark,
      });
      this.dialogVisible = false;
      this.remark = '';
    },
  },
};
</script>

在上述代码中，我们首先使用`<van-calendar>`组件来展示日历，并通过`@click`事件监听日期的点击事件。当用户点击某一天时，会触发`handleCalendarClick`方法，该方法会记录选中的日期并显示一个对话框。

在对话框中，用户可以输入备注信息，并点击确认按钮。确认按钮的点击事件会触发`handleDialogConfirm`方法，该方法将选中的日期和备注信息添加到`events`数组中，并清空对话框的输入内容。

这样，你就可以在Vant日历组件中添加备注信息了。你可以根据自己的需求，进一步完善代码并将其应用到你的项目中。