Пользовательская привязка нокаута для FullCalendar v4

Question

Я надеюсь, что кто-то, имеющий опыт работы с пользовательскими привязками Knockout, может помочь мне создать такую ​​для FullCalendar V4. Я никогда не создавал его раньше, и я немного удивлен, что никто не поделился этим с другими. Вот что у меня есть:

ko.bindingHandlers.fullCalendar = {
    init: function(element) {
        var calendarEl = $(element);
        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
            defaultView: 'dayGridMonth',
            defaultDate: '2019-06-07',
            header: {
              left: 'prev,next today',
              center: 'title',
              right: 'dayGridMonth,timeGridWeek,timeGridDay'
            },
            events: viewModel.array1()
        });
    }
}

У меня также есть кодовая ручка здесь

Answer 1

Для функции Calendar требуется элемент HTML, вы можете напрямую передать элемент, предоставленный параметрами Init. После создания календаря вам необходимо сделать рендер. См https://fullcalendar.io/docs/initialize-globals

ko.bindingHandlers.fullCalendar = {
    init: function(element) {
        var calendar = new FullCalendar.Calendar(element, {
            plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
            defaultView: 'dayGridMonth',
            defaultDate: '2019-06-07',
            header: {
              left: 'prev,next today',
              center: 'title',
              right: 'dayGridMonth,timeGridWeek,timeGridDay'
            },
            events: viewModel.array1()
        });
      calendar.render(); 
    }
}