Reactjs 如何在大日历中选择多天

我使用大日历作为日历用途

当我想正确显示月、日和周时。但是，当我想选择多天和多周时，它只是选择

我想做的实际事情是，当我选择多天时，应该会出现一个警报框。谁能告诉我怎么做吗

<BigCalendar
            selectable
            events={this.state.events}
            defaultDate={new Date(2019, 2, 1)}
            localizer={localizer}
        />

---

这是我导入的react大日历。

通过单击并拖动，您可以选择多天甚至几周。您可以在开始日期开始单击并拖动到结束日期，然后再释放按钮。您可以通过使用React Big Calendar的

onSelectSlot

属性来捕获这一点

const handleSlotSelection = ({start, end, action}) => {
  // do something with it all
};

<BigCalendar { ...otherProps } onSelectSlot={ handleSlotSelection } />

consthandleslotselection=（{start，end，action}）=>{
//用这一切做点什么
};

通过单击并拖动，您可以选择多天甚至几周。您可以在开始日期开始单击并拖动到结束日期，然后再释放按钮。您可以通过使用React Big Calendar的

onSelectSlot

属性来捕获这一点

const handleSlotSelection = ({start, end, action}) => {
  // do something with it all
};

<BigCalendar { ...otherProps } onSelectSlot={ handleSlotSelection } />

consthandleslotselection=（{start，end，action}）=>{
//用这一切做点什么
};

这也应该有效，请参考下面的链接，它有许多易于理解的示例

    this.state = {
       events: []
    }  

    handleSelect = ({ start, end }) => {
        const title = window.prompt('New Event name')
        if (title)
          this.setState({
            events: [
              ...this.state.events,
              {
                start,
                end,
                title,
              },
            ],
          })
      }

    <Calendar
              selectable={true}
              localizer={localizer}
              defaultDate={new Date()}
              defaultView="month"
              scrollToTime={new Date(1970, 1, 1, 6)}
              events={this.state.events}
              style={{ height: "85vh" }}
              onSelectSlot={this.handleSelect}
   />

this.state={
事件：[]
}  
handleSelect=（{start，end}）=>{
const title=window.prompt（'新事件名称'）
如果（标题）
这是我的国家({
活动：[
…这个州的事件，
{
开始
完,，
标题
},
],
})
}

---

参考：

这也应该有效，请参考下面的链接，它有许多易于理解的示例

    this.state = {
       events: []
    }  

    handleSelect = ({ start, end }) => {
        const title = window.prompt('New Event name')
        if (title)
          this.setState({
            events: [
              ...this.state.events,
              {
                start,
                end,
                title,
              },
            ],
          })
      }

    <Calendar
              selectable={true}
              localizer={localizer}
              defaultDate={new Date()}
              defaultView="month"
              scrollToTime={new Date(1970, 1, 1, 6)}
              events={this.state.events}
              style={{ height: "85vh" }}
              onSelectSlot={this.handleSelect}
   />

this.state={
事件：[]
}  
handleSelect=（{start，end}）=>{
const title=window.prompt（'新事件名称'）
如果（标题）
这是我的国家({
活动：[
…这个州的事件，
{
开始
完,，
标题
},
],
})
}

参考：