Fullcalendar V5 ResourceTimelineMonth-Покажите полмес месячного (15-дневного) диапазона без появления временных слотовJavascript

Форум по Javascript
Ответить
Anonymous
 Fullcalendar V5 ResourceTimelineMonth-Покажите полмес месячного (15-дневного) диапазона без появления временных слотов

Сообщение Anonymous »

Я использую fullcalendar v5 с ResourceTimeLineMonth View.
Я хотел бы отобразить полумесячный (15-дневный) диапазон в календаре. Ниже приведена конфигурация, которую я в настоящее время использую: < /p>

resourceTimelineMonth: {
slotMinWidth: 200,
}
< /code>
Чтобы ограничить представление до 15 дней, я попробовал:

Продолжительность: {дни: 15} < /p>
resourceTimelineMonth: {
slotMinWidth: 200,
  duration: { days: 15 }
}

Это в основном работает , но когда дни устанавливаются 17 или менее , временные слоты начнутся под метками даты, что не желательно.
duration: { days: 18 } → отображать только даты ✅
duration: { days: 17 }< /code> или меньше → показывает как даты, так и временные слоты < /strong> ❌ (кажется, что ошибка?) /> Вопрос: есть ли правильный способ отобразить полмес месячного диапазона в ресурсах. Любой обходной путь или рекомендация будет оценена.@fullcalendar/resource-timeline
минимальный воспроизводимый пример
Открыть фрагмент и изменить продолжительность для сравнения дней: 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»