Добавление события после запуска календаря в v4 - PullRequest
Новая
       7

Добавление события после запуска календаря в v4

0 голосов
/ 20 января 2020

Я работаю над FullCalendar v4.

Как и в ES6 Build System после calendar.render () Я хочу добавить новое событие в календарь из другого файла JS, который содержит всплывающее окно и кнопка сохранения Я хочу добавить событие по щелчку этой кнопки сохранения.

Для вышеупомянутого предыдущего решения было calendar.addEvent (событие [, источник]), может кто-нибудь предоставить фрагмент кода, демонстрационную версию или ссылку для v4.

Спасибо. 

import { Calendar } from '@fullcalendar/core';
import interactionPlugin from '@fullcalendar/interaction';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';

import './scss/app.scss';

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new Calendar(calendarEl, {
    plugins: [ interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin ],
    header: {
      left: 'prev,next today', // left: 'prevYear,prev,next,nextYear',
      center: 'title',
      right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
    },
    defaultDate: new Date(),
    navLinks: true, // can click day/week names to navigate views
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    selectable: true,

    select: function(info){
      info.jsEvent.preventDefault(); // don't let the browser navigate
      openModal(info.start, info.end);
    },

    eventClick: function(info, event) {
      info.jsEvent.preventDefault(); // don't let the browser navigate
      openEventDetailModal(info.event);
    },

    events: []

  });
  calendar.render();
});

$('#id').on('click', function() {
    var title = $('#title').val();
    if (title) {
        var data = {
            title: title,
            start: new Date(),
            end: null
        };
    }
  });
});
...