Question

我试图通过拖动来创建react-big-calendar中的事件，将数据放入Tootip表单并向服务器发送请求以保存它。拖动事件后问题消失了：我需要它一直待到我提交事件。马上 it works like this

在docs / examples中，他们有警报，corse中的哪一个停止执行函数，选择保持不变：

 <BigCalendar
      selectable
      events={events}
      defaultView='week'
      scrollToTime={new Date(1970, 1, 1, 6)}
      defaultDate={new Date(2015, 3, 12)}
      onSelectEvent={event => alert(event.title)}
      onSelectSlot={(slotInfo) => alert(
        `selected slot: \n\nstart ${slotInfo.start.toLocaleString()} ` +
        `\nend: ${slotInfo.end.toLocaleString()}`
      )}
    />

如果我在onSelectSlot函数结束时输入并输出错误，它也会打开选择，但是我需要在提交后关闭。

Answer 1

使用onSelecting方法拖动选区，这将为您提供一个对象，其中包含选择{ start: Date, end: Date }的开始和结束日期，并确保此方法不返回false，有关详细信息，请参阅文档here

在React Big Calendar中创建活动

1 个答案: