Can anyone have idea how to show time in List View For Full-Calendar. Everything is working fine for me but time itself is not coming in the view. Attached the snaps for the reference.
CODESANDBOX LINK : https://codesandbox.io/s/vue-fullcalendar-scheduler-example-forked-204qy?file=/components/Calendar.vue
Code: Template: Script:
data() {
return {
calendarOptions: {
plugins: [dayGridPlugin, interactionPlugin, listPlugin, timeGridPlugin],
initialView: "listWeek",
headerToolbar: {
left: "today prev,next",
center: "title",
right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek",
},
events: [
{
start: "2021-11-10T04:30:00",
title: "List View",
backgroundColor: '#226911',
end: "2021-11-27T14:30:00",
},
{
start: "2021-11-08T04:30:00",
title: "Test",
end: "2021-11-10T14:30:00",
},
{
start: "2021-10-15T04:30:00",
title: "It should be default load",
end: "2021-10-18T14:30:00",
},
],
eventDisplay: "block",
displayEventTime: false,
allDaySlot: false,
buttonText: {
today: "Today",
month: "Month",
week: "Week",
day: "Day",
list: "Agenda",
},
},
};
}
enter code here
Please review the code and help me to out from this issue. Thanks in Advance!
maybe set displayEventTime to true in calendarOptions
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.