Как изменить представление списка, чтобы сделать просмотр «из» (FullCalendar) - PullRequest
0 голосов
/ 15 января 2019

Я хочу отобразить список с сгруппированной датой (например: BeginDate - EndDate). Здесь JavaScript, который вызывает fullCalendar.

    var calLink = $('#calendar-link');
    calLink.fullCalendar({
        locale: 'en-US',
        height: 'auto',
        header: false,
        lazyFetching: false,
        themeSystem: 'bootstrap4',
        displayEventTime: false,
        displayEventEnd: true,
        nextDayThreshold: '01:00:00',
        defaultView: 'listTwoYears',
        eventSources: [
            {
                url: calLink.data('url'),
                type: 'GET',
                data: {},
                error: function () {
                },
                success: function (data, textStatus, jqXHR)
                {
                    console.log(textStatus);
                    console.log(data);
                }
            }
        ],
        views: {
            listTwoYears: {
                eventOrder: 'title',
                type: 'list',
                duration: { days: 730 },
                buttonText: 'list'
            }
        }
    });

Здесь ожидаемый результат:

2019-01-18 to 2019-01-20
Event 1

2019-01-19 to 2019-01-20
Event 2

2019-01-20
Event 3

Требуется отображение

Но вот что у меня сейчас (нормальное поведение списка):

2019-01-18
Event 1

2019-01-19
Event 1
Event 2

2019-01-20
Event 1
Event 2
Event 3

Текущий дисплей

Список составлен с использованием этого json:

[
    {
        "title":"Event 1",
        "description":"Desc. Event 1",
        "start":"2019-01-18 12:00:00",
        "end":"2019-01-20 18:00:00",
        "allDay":false,
        "editable":false,
        "startEditable":false,
        "durationEditable":false,
        "overlap":false
    },
    {
        "title":"Event 2",
        "description":"Desc. Event 2",
        "start":"2019-01-19 12:00:00",
        "end":"2019-01-20 18:00:00",
        "allDay":false,
        "editable":false,
        "startEditable":false,
        "durationEditable":false,
        "overlap":false
    },
    {
        "title":"Event 3",
        "description":"Desc. Event 3",
        "start":"2019-01-20 12:00:00",
        "end":"2019-01-20 18:00:00",
        "allDay":false,
        "editable":false,
        "startEditable":false,
        "durationEditable":false,
        "overlap":false
    }

]

Я много пробовал просматривать документацию и искать в Интернете.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...