FullCalendar и visibleRange

Question

Мне нужен календарь, но для фиксированного месяца мне нужен ТОЛЬКО августовский месяц, и я пытаюсь сделать это с помощью свойства visibleRange, но безуспешно.
Это мой код. Календарь работает, но он показывает мне текущий месяц.

<script src="{{asset('fullcalendar/packages/core/main.js')}}"></script>
<script src="{{asset('fullcalendar/packages/daygrid/main.js')}}"></script>
<script src="{{asset('fullcalendar/packages/timegrid/main.js')}}"></script>
<script src="{{asset('fullcalendar/packages/list/main.js')}}"></script>
<script>
        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');

            var calendar = new FullCalendar.Calendar(calendarEl, {
                plugins: ['dayGrid', 'timeGrid', 'list'],
                defaultView: 'dayGridMonth',
                visibleRange: {
                   start: '2020-08-01',
                   end: '2020-08-31'
                },
                locale: {
                    code: "es",
                    week: {
                        dow: 1,
                        doy: 4 
                    },
                    allDayHtml: "Todo<br/>el día",
                    eventLimitText: "más",
                    noEventsMessage: "No hay eventos para mostrar"
                },
                header: {
                    left: 'prev, next',
                    center: 'title',
                    right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth',
                },
                weekNumbers: false,
                eventLimit: true, // allow "more" link when too many events

                events: []
            });
            calendar.render();
        });

    </script>

Answer 1

Вы можете вызвать после создания экземпляра метод gotoDate

var calendar = new FullCalendar.Calendar(calendarEl, {
    // your options
});
calendar.render();
calendar.gotoDate('2020-08-01')

Answer 2

Вам нужно использовать timeGrid вместо dayGridMonth в качестве вида по умолчанию

defaultView: 'timeGrid',
visibleRange: {
   start: '2020-08-10',
   end: '2020-08-12'
},