reactjs - 反应大日历可调整大小的事件

Question

我看到 react-big-calendar 最近添加了我正在尝试开始工作的可调整大小的事件。这是他们拖放示例的代码：

http://intljusticemission.github.io/react-big-calendar/examples/index.html#dnd

单击拖放按钮 => 查看示例源代码。

您可以在渲染中看到 resizable 道具和 onEventResize 函数。但是，我在示例中没有看到任何调整大小，如何让调整大小的事件起作用。

我知道这是一个非常新的版本，这可能是示例未更新的原因。谢谢。

Answer 1

当您将鼠标悬停在事件上时，启用 DND 时，事件上将出现拖动句柄。这些拖动手柄的显示位置取决于“视图”所在的位置（月、周、日等）。用户可以使用拖动手柄来更改事件的持续时间，或者通过拖动事件本身的标题将整个事件免打扰到另一个插槽。删除后，您必须将日期/时间的更改编码到您的代码中以使更改生效，否则它会立即弹回原来的位置。