FullCalendar v4 的 Knockout 自定义绑定

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()
        });
    }
}

我也有codepenhere

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(); 
    }
}