knockout.js FullCalendar v4的删除自订系结

8ehkhllq  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(155)

我希望有一个对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()
        });
    }
}

我也有一个codepen here

sq1bmfud

sq1bmfud1#

Calendar函数需要一个HTML元素,你可以直接传递Init参数提供的HTML元素。创建日历后,你需要进行渲染。请参见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(); 
    }
}

相关问题