如何在全日历多列日视图日历中安排约会

Question

https://github.com/mherrmann/fullcalendar-columns。我正在开发一个正畸Web应用程序。要安排约会，我在一天视图中使用了带有多个资源的fullCalendar。如何在日历上安排约会？当用户单击时间网格时，必须出现一个弹出窗口，其中将包含日期和所选时间。

这是我的自定义代码

$(document).ready(function() {
    var NUM_COLUMNS = 5;
    $("#calendar").fullCalendar({
        header: {        
          left: 'prev,next,today',
          center: 'title',
          right: 'multiColAgendaDay'
          },
        defaultView: 'multiColAgendaDay',
        height:948,
        views: {
            multiColAgendaDay: {
                type: 'multiColAgenda',
                duration: { days: 1},
                numColumns: NUM_COLUMNS,
                columnHeaders: ['Chair 1', 'Chair 2','Chair 3', 'Chair 4','Chair 5'] 
              }   
        },
        buttonText:{
              today:'Today',
              multiColAgendaDay: 'Day'
            },
        buttonIcons:{
              prev: 'left-single-arrow',            
              next: 'right-single-arrow'
        },
        timeFormat:"",
        slotDuration:'00:15:00',
        slotLabelInterval:"00:15:00",
        minTime:'9:00:00',
        maxTime:'19:00:00',
        allDaySlot:false,
        selectable:true,
        dragScroll:true,
        displayEventTime:true,
        slotEventOverlap:false,
        editable:false,
        eventTextColor: 'black',
        select: function(startDate,endDate,jsEvent) {
            $(jsEvent.target).html(startDate.format("HH:mm")+" - "+endDate.format("HH:mm"));

            $(jsEvent.target).css({
                'background-color':'red',
                'color':'white'
            });     
        }
    }); 

    })[This is what I have done till now][1];

我需要在选定的时间范围旁边打开弹出窗口

• 具有日期和所选时间，并带有文本框可输入 患者姓名。