Я хотел бы отобразить полумесячный (15-дневный) диапазон в календаре. Ниже приведена конфигурация, которую я в настоящее время использую: < /p>
resourceTimelineMonth: {
slotMinWidth: 200,
}
< /code>
Чтобы ограничить представление до 15 дней, я попробовал:
Продолжительность: {дни: 15} < /p>
resourceTimelineMonth: {
slotMinWidth: 200,
duration: { days: 15 }
}
Это в основном работает , но когда дни устанавливаются 17 или менее , временные слоты начнутся под метками даты, что не желательно.
duration: { days: 18 } → отображать только даты
duration: { days: 17 }< /code> или меньше → показывает как даты, так и временные слоты < /strong>
минимальный воспроизводимый пример
Открыть фрагмент и изменить продолжительность для сравнения дней: 18 VS Days: 17 или дни: 15
vs Days: 17 или дни: 15
vs Day
html, body { margin:0; padding:0; height:100%; }
#calendar { height: 600px; }
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
initialDate: '2025-08-01',
initialView: 'resourceTimelineMonth',
headerToolbar: false,
resourceAreaWidth: '20%',
// Toggle this to reproduce:
// duration: { days: 18 }, // dates only
duration: { days: 15 }, // dates + time slots
slotMinWidth: 200,
resources: [
{ id: 'a', title: 'Resource A' },
{ id: 'b', title: 'Resource B' }
],
events: [
{ id: '1', resourceId: 'a', start: '2025-08-03', end: '2025-08-06', title: 'Event 1' },
{ id: '2', resourceId: 'b', start: '2025-08-07', end: '2025-08-10', title: 'Event 2' }
]
});
calendar.render();
});
Подробнее здесь: https://stackoverflow.com/questions/797 ... ge-without
Мобильная версия