Javascript 大日历页
我正在为我的小组项目制作日历页。我用的是大日历。我需要我的弹出窗口来显示用户无法更改的事件文本。我有几个不同的事件,我希望每个事件在单击该事件时都给出一个描述。以下是我目前掌握的代码:Javascript 大日历页,javascript,reactjs,bootstrap-4,Javascript,Reactjs,Bootstrap 4,我正在为我的小组项目制作日历页。我用的是大日历。我需要我的弹出窗口来显示用户无法更改的事件文本。我有几个不同的事件,我希望每个事件在单击该事件时都给出一个描述。以下是我目前掌握的代码: class mycalendar extends Component { render() { return ( <div className="calendar "> <BigCalendar {...this.props}
class mycalendar extends Component {
render() {
return (
<div className="calendar ">
<BigCalendar
{...this.props}
onSelectEvent={event => Popup.alert("what's up")}
events={eventsCalendar}
views={{ month: true }}
step={60}
defaultDate={new Date()}
style={{ height: "150vh", padding: "100px" }}
/>
<Popup
className="mm-popup"
btnClass="mm-popup__btn"
closeBtn={true}
closeHtml={null}
defaultOk="Ok"
defaultCancel="Cancel"
wildClasses={false}
closeOnOutsideClick={true}
/>
);
};
}
类mycalendar扩展组件{
render(){
返回(
Popup.alert(“怎么了”)}
events={eventsCalendar}
视图={{month:true}}
步骤={60}
defaultDate={new Date()}
样式={height:“150vh”,padding:“100px”}
/>
);
};
}
我也有同样的问题,我用state prop修复了它,如下所示:
是我添加的“事件”道具的日历组件:
this.state = {
event: {},
}
onclickEvent i添加了一个处理程序:
onSelectEvent={this.eventClick}
事件单击处理程序将单击的事件设置为状态属性:
eventClick = event => {
this.setState({ eventShow: true, event })
}
并将其发送到弹出窗口:
<PopupEvent
show={this.state.eventShow}
onHide={this.handleOnHide}
event={this.state.event}
/>
现在,您在弹出的道具中有了单击事件。我也有同样的问题,我用状态道具修复了它,如下所示: 是我添加的“事件”道具的日历组件:
this.state = {
event: {},
}
onclickEvent i添加了一个处理程序:
onSelectEvent={this.eventClick}
事件单击处理程序将单击的事件设置为状态属性:
eventClick = event => {
this.setState({ eventShow: true, event })
}
并将其发送到弹出窗口:
<PopupEvent
show={this.state.eventShow}
onHide={this.handleOnHide}
event={this.state.event}
/>
现在,您在弹出的道具中有了单击事件。请编辑您的问题并修复代码片段。另外,请提供一份。你可以试着用小提琴或类似的东西。所以它有自己的类似小提琴的系统,但我不确定它是否真的支持React。谢谢,很抱歉我更新了。我正在尝试将事件信息添加到大日历的弹出窗口中。但我在任何一天都有几件事。我被卡住了,任何帮助都会被通知的。我是一个新的程序员!请编辑您的问题并修复代码段。另外,请提供一份。你可以试着用小提琴或类似的东西。所以它有自己的类似小提琴的系统,但我不确定它是否真的支持React。谢谢,很抱歉我更新了。我正在尝试将事件信息添加到大日历的弹出窗口中。但我在任何一天都有几件事。我被卡住了,任何帮助都会被通知的。我是一个新的程序员!