vue.js - Vuetify Calander
问题描述
我将 vue 日历与 vuetify 版本 2.1.x 一起使用。
当我们单击它时,我想从特定插槽中获取时间,所以我这样做:@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 中,而不是在以前的版本中。
解决方案
你必须从它返回的对象中销毁你需要的任何东西。这是说明。正如vuetify doc 中的说明所说:
日视图中特定时间的点击事件。传递的事件是日期和时间对象。
这是整个对象:
{
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
}
]
}
推荐阅读
- python - 旋转自拍图像在开发中工作但在生产中保存到 S3 存储桶时不起作用?
- python - AWS Glue SelectFields 和 Filter 不采用动态值
- python - 在python中的某个点拆分字符串
- python-3.x - 将自我发送到类外的回调函数
- javascript - 以角度链接两个可观察对象
- swift - 无法将项目添加到数据库
- c# - 如何根据 LUIS 问题创建响应?(天蓝色)
- javascript - 为什么 this.setState 仅在 react js 应用程序中的两个提交事件后才起作用?
- powershell - PowerShell 库与 NuGet 库与 MSI 与管理单元
- java - 用于获取 HttpURLConnection POST 方法请求的 PHP 代码不起作用