Событие с указанием c день рендерится во все дни - PullRequest
0 голосов
/ 14 июля 2020

Я использую fullcalendar и хочу добавить событие к определенному c дню и часу, но событие будет отображаться во все дни. (временной интервал работает)

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

Мой код:

var calendar = new FullCalendar.Calendar(calendarEl, {
  events: [{ // My event
    title: 'The Title',
    start: '2020-08-05',
    end: '2020-08-06',
    startTime: '09:00:00',
    endTime: '10:00:00',
    allDay: false
  }],
  contentHeight: 'auto',
  initialDate: new Date('2020-08-01'),
  validRange: {
    start: '2020-08-01',
    end: '2020-08-18'
  },
  titleFormat: { year: 'numeric', month: 'long', day: 'numeric' },
  headerToolbar: {
    start: 'title',
    center: '',
    end: 'prev,next'
  },
  initialView: 'timeGridWeek',
  slotDuration: '01:00:00',
  slotMinTime: '09:00:00',
  slotMaxTime: '18:00:00',
  weekends: false,
  locale: 'es',
  allDaySlot: false,
});

Вот мой код с ошибкой и код, который я использую! https://codepen.io/alfijuan/pen/yLeqwer?editors=1010

Надеюсь, кто-нибудь может помочь!

Спасибо!

1 Ответ

1 голос
/ 14 июля 2020

Вы указали, что это повторяющееся событие. Удалите свойства startTime и endTime и объедините данные времени со свойствами start и end вместе с датой.

{
  title: 'The Title',
  start: '2020-08-05 09:00:00',
  end: '2020-08-06 10:00:00',
  allDay: false
}

Демо: https://codepen.io/ADyson82/pen/ZEQMEvY

См. https://fullcalendar.io/docs/v5/event-object и https://fullcalendar.io/docs/v5/recurring-events, чтобы понять разницу и свойства, необходимые для одного события и повторяющегося

...