Я знаю, что этот вопрос задают много раз, но я не могу найти решение для этого, и я новичок в jquery
Я создаю календарь для отображения смен на несколько дней для сотрудника. Я жестко закодировал значения title, start и end, и этот код работает нормально.
Я получу значения заголовка, начала и конца из серверной части. Я получу несколько значений. Поэтому я должен пройтись по значениям и передать все значения в объекте событий.
Я получу такие значения, как
[morningShift,10/09/2018,20/09/2018],[eveningShift,21/09/2018,23/09/2018]
Я должен передавать значения в пределах начальной и конечной даты заголовка динамически, и он должен выглядеть следующим образом
{
title: 'morningShift',
start: new Date('10/09/2018'),
end: new Date('20/09/2018'),
className: 'bg-primary'
},
{
title: 'eveningShift',
start: new Date('21/09/2018'),
end: new Date('23/09/2018'),
className: 'bg-primary'
}
var calendar = $('#calendar').fullCalendar({
slotDuration: '00:15:00', /* If we want to split day time each 15minutes */
minTime: '00:00:00', /* calendar start Timing */
maxTime: '24:00:00', /* calendar end Timing */
defaultView: 'month',
handleWindowResize: true,
height: $(window).height() - 200,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
// right: ''
},
events: [
{
title: 'Morning Shift',
start: new Date('10/25/2018'),
end: new Date('11/05/2018'),
className: 'bg-primary'
},
],
editable: true,
droppable: true, // this allows things to be dropped onto the calendar !!!
eventLimit: true, // allow "more" link when too many events
selectable: true,
select: function (start, end, allDay) {
$modal.modal({
backdrop: 'static'
});
calendar.fullCalendar('unselect');
}
});