Vuetify 日历

【问题标题】：Vuetify CalanderVuetify 日历
【发布时间】：2021-11-02 11:50:29
【问题描述】：

我正在使用带有 vuetify 版本 2.1.x 的 vue 日历。

当我们点击一个特定的插槽时，我想从它那里获取时间，所以我这样做：@click:time="test"

<v-calendar
  ref="calendar"
  :locale="$i18n.locale"
  v-model="schedulerObj.calViewValue"
  :weekdays="weekday"
  :type="type"
  :events="events"
  :event-overlap-mode="mode"
  :event-overlap-threshold="30"
  :event-color="getEventColor"
  :interval-minutes="schedulerObj.intervalDuration"
  @click:time="test"
>
</v-calendar>

但是当我的“测试”函数被调用时，它会给出没有小时数的事件/对象。而且它只在 vuetify 2.1.x 中，而不是在以前的版本中。

【问题讨论】：

为什么不获取v-model 的值？
您的问题解决了吗？ @Naqsh 阿里

标签： vue.js vuetify.js

【解决方案1】：

你必须从它返回的对象中销毁你需要的任何东西。 Here 是指令。正如 vuetify 文档中的说明所说：

日视图中特定时间的点击事件。传递的事件是日期和时间对象。

这是整个对象：

{
  date: string,
  time: string,
  year: number,
  month: number,
  day: number,
  hour: number,
  minute: number,
  weekday: number,
  hasDay: boolean,
  hasTime: boolean,
  past: boolean,
  present: boolean,
  future: boolean,
  timeToY: (time: string | number | {hour: number, minute: number}, clamp: boolean = false): number | false,
  timeDelta: (time: string | number | {hour: number, minute: number}): number | false,
  minutesToPixels: (minutes: number): number,
  week: [
    {
      date: string,
      time: string,
      year: number,
      month: number,
      day: number,
      hour: number,
      minute: number,
      weekday: number,
      hasDay: boolean,
      hasTime: boolean,
      past: boolean,
      present: boolean,
      future: boolean
    }
  ]
}

【讨论】：