render() {
const events = [];
this.props.appointments.map(appointment => {
events.push({
start: appointment.start,
end: appointment.end,
title: appointment.title ? appointment.title : "booked",
allDay: true
})
})
return (
<div className="calendar-container">
<Calendar
views={['month']}
selectable="ignoreEvents"
localizer={this.localizer}
events={events}
onSelectSlot={(slotInfo) => this.props.selectSlot(slotInfo)}
/>
</div>
)
}
Мои отобранные события и недавно созданные события отображаются в календаре, но они выделяются в календаре на 1 день раньше. Например, вот одно начальное число:
Appointment.create!({
listing_id: crystal_lake.id,
user_id: user.id,
start: "2019-11-05",
end: "2019-11-07",
num_guests: 2)}
Я могу успешно создать событие с этим, но в календаре даты с 11-04 по 11-06 подсвечиваются
Когда я создаюсобытие в компоненте, у меня есть отображение начального и конечного дней вне календаря, и они правильные, но в календаре происходит то же самое.
Я даже не уверен, какой код поделиться, потому что я думаю, что это как-то связано с исходным кодом библиотеки, и я не знаю, где искать. Любая помощь будет высоко ценится