vue ant DatePicker 日期选择器只能选开始日期三天范围内

Vue Ant Design DatePicker 是一个基于 Vue 框架和 Ant Design UI 库的日期选择组件。如果你想限制用户只能选择当前日期加上三天内的日期，这通常不是DatePicker组件内置的功能，但它可以通过一些自定义处理或者组合其他JavaScript库来实现。

一种常见的做法是在 `onPick` 或 `onChange` 事件中检查所选日期是否在允许范围内，如果是，则允许提交，否则阻止或提示用户选择有效日期。你可以编写这样的逻辑：

<template>
  <a-date-picker v-model="selectedDate" :picker-options="{ format: 'yyyy-MM-dd', onPick: handlePick }" />
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '',
    };
  },
  methods: {
    handlePick(date) {
      const maxDate = new Date();
      maxDate.setDate(maxDate.getDate() + 3);
      
      if (date <= maxDate) {
        // 允许选择
        this.selectedDate = date.format('YYYY-MM-DD');
      } else {
        // 显示错误消息或阻止选择
        alert('请选择当前日期至未来三天内的日期');
        return false; // 取消默认的行为
      }
    },
  },
};
</script>

在这个例子中，当用户选择日期后，`handlePick`函数会被调用，如果选择的日期在允许范围内，就更新`selectedDate`变量，反之则显示警告并阻止选择。