From fe3cbdadab8a6f5a4d54ce4ea9f16242c1111fd9 Mon Sep 17 00:00:00 2001 From: nobohan Date: Fri, 23 Jul 2021 10:00:27 +0200 Subject: [PATCH] rdv: fullcalendar: add 3 buttons 'month - week - day' --- .../vuejs/_components/CalendarRange/CalendarRange.vue | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue index 1e941f8bd..d246c396c 100644 --- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue +++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue @@ -7,6 +7,7 @@ import '@fullcalendar/core/vdom' // solves problem with Vite import FullCalendar from '@fullcalendar/vue3' import dayGridPlugin from '@fullcalendar/daygrid' import interactionPlugin from '@fullcalendar/interaction' +import timeGridPlugin from '@fullcalendar/timegrid' export default { components: { @@ -15,10 +16,15 @@ export default { data() { return { calendarOptions: { - plugins: [ dayGridPlugin, interactionPlugin ], + plugins: [ dayGridPlugin, interactionPlugin, timeGridPlugin ], initialView: 'dayGridMonth', selectable: true, - select: this.onDateSelect + select: this.onDateSelect, + headerToolbar: { + left: 'prev,next today', + center: 'title', + right: 'dayGridMonth,timeGridWeek,timeGridDay' + }, } } },