Не удается реализовать всплывающую подсказку с календарем

Question

Я пытаюсь добавить всплывающую подсказку в fullcalendar.Я использую угловой модуль 2 (ap-angular2-fullcalendar).Подсказка должна создаваться программно, чтобы содержимое всплывающей подсказки совпадало с содержимым события (пример: описание).

Я пытался использовать библиотеки * * * * * * * * * * * * * * * * * * 100 * * * *успех (мне удалось добавить всплывающую подсказку в DOM, но она не работает).

Answer 1

Вам необходимо использовать eventRender например,

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

См. Рабочий пример здесь - обратите внимание, что в этом примере используются Bootstrap и Popper.js

Вы также можете использовать всплывающую подсказку Bootstrap вместо всплывающего окна, например

      eventRender: function(event, element) {
        $(element).tooltip({title: event.tooltip,
                  container: 'body',
                  delay: { "show": 500, "hide": 300 }
        });
      },