Javascript fullcalendar-以dayGridWeek为单位显示时间

我使用fullcalendar显示事件，但我有问题。如何在dayGridWeek中以左侧显示时间

代码js:

var displayDisponibiltyBabySitter = function(){
            var calendarEl = document.getElementById('disponiblity');
            if(calendarEl){
                var calendar = new FullCalendar.Calendar(calendarEl, {
                    defaultView: 'dayGridWeek' ,
                    validRange: function(nowDate){
                        return {start: nowDate}
                    },
                    header: {
                        left: 'prev,next today',
                        center: 'title',
                        right: 'dayGridWeek,timeGridDay'
                    },
                    locale: _mpop.current_lang,
                    timeZone: 'Europe/Paris',
                    eventBackgroundColor : "#444",
                    eventTextColor: '#EEE',
                    slotDuration: '00:60:00',
                    slotLabelFormat: [
                        {
                            hour: '2-digit',
                            minute: '2-digit',
                            hour12: false
                        }
                    ],
                    views: {
                        dayGridWeek: {
                            eventTimeFormat: {
                                hour: 'numeric',
                                minute: '2-digit',
                                omitZeroMinute: true,
                                meridiem: 'narrow'
                            }
                        }
                    },
                    events: Routing.generate('front.babysitter.disponibilities',{'id': $("#dispo-babysitter").data("id")}),
                    plugins: [ 'dayGrid', 'timeGrid', 'list' ]
                });
                calendar.render();
            }

        };

提前谢谢

我有一个结果：

但如何获得这一结果：

---

您已将默认视图设置为“dayGridWeek”

将其设置为：

defaultView: 'timeGridWeek'

---

你应该会没事的…

@dev109这应该行得通。到底出了什么问题？控制台中是否有错误？您的所有插件都正确加载了吗？@ADyson控制台中没有错误，但dayGridWeek中没有显示小时数：（我使用完整日历v4，现在搜索后，我发现完整日历v2的示例：它在版本2中可以工作，但在版本4中不工作：（@dev109“dayGridWeek中没有显示小时数”…是的，这是dayGrid的正确行为。在几个小时内，你必须使用timeGrid，正如这个答案告诉你的那样。这是一个演示，使用你的代码，但将dayGrid替换为timeGrid。它工作正常：。另请参见，并了解这两种视图之间的差异。P.s v2或v3中正确的代码与此无关，它是复杂的与v4完全不同，v4是几乎所有内容的完全重写。