即使在完成选择后，也会在react-big-calendar中突出显示所选插槽的背景

Question

现在默认行为是每当有人选择以灰色突出显示的插槽时，但只要选择停止，突出显示的日历字段就会消失。如果我们在选择上打开模态而不是那么必要，但在我的情况下，70％的宽度是日历，30％是表格。因此，当选择的时间超过表单中更新的日期，但没有任何内容仍然突出显示，因此会造成混淆。

fullcalendar有一个选项“unselectAuto”，默认为true。

react-big-calandar还没有实现这一点，并向公关开放。是否有任何解决方案/黑客可以解决这个问题？

Answer 1

我使用slotPropGetter并跟踪selected

  // This handles styling the 'selected' slot background in the Scheduler
  const slotPropGetter = (slotDate) => {
    if (
      selected &&
      !selected.IsAllDayAppointment &&
      moment(slotDate).isBetween(
        moment(selected.StartDateTime).subtract(1, 'm').toJSON(),
        selected.EndDateTime
      )
    ) {
      return {
        style: { backgroundColor: '#999', borderTop: '1px solid #999' },
      };
    }
  };

我的日期实现有些不同，但是最终只是检查slotDate在我的selected值的start和end之间。使用slotPropGetter可以将自定义style或class应用于插槽according to the documentation。