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

Question

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

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

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

如何在我的 v-calendar 中设置它？

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 };
  }

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

how to set default v-calendar visible months

vcalendar