Выпуск связанных портов на выходе процесса

Предоставьте полную информацию о данных через HTTP, но вы можете вызвать API для получения данных и затем отобразить их в fullcalendar.io

Вы можете выполнить все это, используя fullcalendar.io.

Этот пост охватывает обсуждение , как открыть модель . Я добавил это в следующем примере.

Следующий пример дает вам идею показать всплывающее окно, когда вы щелкаете по событию, а также в окне дня.

Fiddle для просмотра времени выполнения https://jsfiddle.net/alifaraze/mr53d7nz/27/

    

        

            × close
            

        
        
 
        

            Close
        
    





$(document).ready(function() {

  $('#calendar').fullCalendar({
    events: [{
        id: 1,
        title: 'Full Day Event - Click Me',
        start: '2019-01-02',
        end: '2019-01-03',
        description: 'Full day event description'
      },
      {
        id: 2,
        title: 'Whole Week Event - Click Me',
        start: '2019-01-06',
        end: '2019-01-10',
        description: 'Whole week event description'
      }
      // more events here
    ],
    eventRender: function(event, element) {
      $(element).popover({
        title: function() {
          return "" + event.title + "";
        },
        placement: 'auto',
        html: true,
        trigger: 'click',
        animation: 'false',
        content: function() {
          return "
"+ event.description +"
"
        },
        container: 'body'
      }).popover('show');

    },
    dayClick: function(date, jsEvent, view) {
      $('#modalTitle').html(date.format());
      $('#modalBody').html('Clicked on: ' + date.format() 
        +'
Current view: ' + view.name 
        +'
Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
      $('#calendarModal').modal();
    }
  });
})