Я хочу отобразить список с сгруппированной датой (например: 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
}
]
Я много пробовал просматривать документацию и искать в Интернете.