показ мод для бронирования в большом календаре реагирования при нажатии на слот и удержание кнопки бронирования в пустом слоте - PullRequest
Новая
       12

показ мод для бронирования в большом календаре реагирования при нажатии на слот и удержание кнопки бронирования в пустом слоте

0 голосов
/ 03 сентября 2018

Я пытаюсь добиться модального в большом календаре реагирования, когда нажимаю на пустое место. Мой по умолчанию вид неделя . Это мой код. 

constructor(props) {
    super(props);
    this.state = {
        events: [
            {
                id: 1,
                start: new Date(moment().add(-1, "days")),
                end: new Date(),
                title: "Learn Laravel"
            },
            {
                id: 2,
                start: new Date(),
                end: new Date(moment().add(-3, "days")),
                title: "Learn PHP"
            },
            {
                id: 3,
                start: new Date(),
                end: new Date(moment().add(-2, "days")),
                title: "Learn Database"
            }
        ]
    };
}

slotSelected(slotInfo) {
    console.log(slotInfo);
    **I want pop-up/modal here **

}

eventSelected(eventInfo) {
    console.log(eventInfo);
}

render() {

    return <MyCalendar allEvents={this.state.events} eventSelected={this.eventSelected}
                       slotSelected={this.slotSelected}/>
}


<div id="mycalendar" style={calendarStyle}>
    <Calendar
        defaultDate={new Date()}
        defaultView="week"
        events={props.allEvents}
        style={{height: "50vh", width: "60vh"}}
        selectable={true}
        onSelectSlot={props.slotSelected}
        onSelectEvent={props.eventSelected}
    />

</div>

Теперь я хочу, чтобы модал показывался, когда я нажимал на пустую ячейку. Если возможно, я хочу создать кнопку книги в слоте. Я использую модал начальной загрузки в моем приложении. Мне нужна помощь в этом. В коде есть комментарий, где я хочу модальный. Спасибо

...