Полный календарь 3.0 - настройка содержимого события

#javascript #angularjs #events #fullcalendar-3

#javascript #angularjs #Мероприятия #полный календарь-3

Вопрос:

Я использую библиотеку fullcalendar (v3) https://fullcalendar.io/docs/v3 и пытается настроить содержание события.

Я хотел бы сделать что-то вроде этого (зеленая кнопка):

Я пытаюсь с помощью этого КОДА: https://codepen.io/williansmartins/pen/pobZMQj?editable=trueamp;editors=001=https://fullcalendar.io/

В документации библиотеки указано, что можно манипулировать eventRender, но сегодня мне не повезло.

   eventRender: function(eventObj, $el) {
      $el.popover({
        title: eventObj.title,
        content: eventObj.description,
        trigger: 'hover',
        placement: 'top',
        container: 'body'
      });
    }

На самом деле я это сделал, но с использованием vanila javascript и щелчка работает только на событии, а не на кнопке…

1. Я кое-что понял, но не совсем, я добавляю две кнопки, но теперь мне нужно иметь разные действия в каждой кнопке, но eventClick только один. eventRender: функция (событие, элемент) { element.css(«font-size», «1.2em»); element.css(«padding», «5px»); element.html («<a class=’btn btn-success’>кнопка 1</a>= ‘btn btn-опасность’> button2</a> «); },

Ответ №1:

Я понял! Больше, чем мне нужно.

Сначала создайте кнопку с помощью eventRender, затем снова скомпилируйте для понимания AngularJS.

 eventRender: function(event, element) {
    const eventId = event.extra;
    
    element.html(event.title   `<a href='javascript:void(0)' class='btn btn-success botao-extra extra1' ng-click='metodo1(${eventId})'>button1</a> <a class='btn btn-danger botao-extra extra2'  ng-click='metodo2(456)'> button2</a> `);
    $compile(element)($scope);
          
},