vcalendar - 如何设置默认的 v-calendar 可见月份

Question

我正在使用 V-calendar 选择日期范围

默认的 v-calendar 视图显示当前月份和下个月（今天是 febury），例如：

但是我想设置当前和过去一个月的默认视图，因为默认范围是最近 30 天，例如：

如何在我的 v 日历中设置它？

Answer 1

我只是通过设置from-page和 to-page道具解决了它。喜欢

<DatePicker :from-page="fromPage" :to-page="toPage" mode="range"/>

并momentjs用来获取这些参数

  get currentMonth() {
    const month = moment().month()+1; // 0 to 11
    const year = moment().year();
    return { month, year };
  }

  get previousMonth() {
    const month = moment().subtract(1, "month").month()+1; // 0 to 11
    const year = moment().subtract(1, "month").year();
    return { month, year };
  }