Как запланировать встречу в календаре с несколькими столбцами - PullRequest
Новая
       15

Как запланировать встречу в календаре с несколькими столбцами

0 голосов
/ 27 июня 2019

https://github.com/mherrmann/fullcalendar-columns. Я занимаюсь разработкой ортодонтического веб-приложения. Чтобы запланировать встречу, я использовал 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];

Мне нужночтобы вывести всплывающее окно рядом с выбранной временной сеткой

  • , содержащей дату и выбранное время, и текстовое поле для ввода имени пациента.
...