在节日日历中显示年份
在节日日历中显示年份
提问于 2020-06-22 08:36:47
我使用的是旅游日历，但我找不到显示年份的任何选项。
我在查文件..。https://vuetifyjs.com/en/components/calendars/
在这个CodePen中，我写了我想要展示的年份
<v-select
v-model="weekday"
:items="weekdays"
dense
outlined
hide-details
label="weekdays"
class="ma-2"
>
</v-select>
YEARhttps://codepen.io/nachotugesto/pen/VwebKGw
这个是可能的吗？
谢谢!
回答 2
Stack Overflow用户
发布于 2020-08-30 09:16:26
使用@change显示月份和年份
<v-toolbar-title>{{ title }}</v-toolbar-title>
<v-calendar
ref="calendar"
v-model="focus"
color="primary"
:events="events"
event-color="blue"
:type="type"
@click:event="showEvent"
@click:more="viewDay"
@click:date="viewDay"
@change="updateRange"
></v-calendar>然后在方法中：{}在脚本下添加以下代码
updateRange({ start, end }) {
this.start = start;
this.end = end;
let yr = this.start.year;
let mn = this.start.month;
const mNames = [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December",
];
this.title = mNames[mn-1] + ", " + yr;Stack Overflow用户
发布于 2020-06-22 11:42:30
使用一系列的月历..。
<v-row>
<v-col cols="4" v-for="(m,idx) in months ">
<v-sheet>
<h3 class="text-center">
{{ getMonthName(months[idx+1]) }}
</h3>
<v-calendar
ref="calendar[m]"
v-model="value"
:start="m"
:type="type"
></v-calendar>
</v-sheet>
</v-col>
</v-row>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62510429
复制相关文章
相似问题
腾讯云开发者
