how to use fullcalender react code example
Example 1: fullcalendar react add event duration
FullCalendar defaultView="dayGridMonth" dateClick={this.handleDateClick} select={this.handleSelectClick} selectable='true' plugins={[ dayGridPlugin, interactionPlugin ]} events={[
{ title: 'event 1', allDay: true, start: '2020-05-29', end: '2020-05-30' },
{ title: 'event 2', allDay: true, start: '2020-05-29', end: '2020-05-30'}
]}/>
Example 2: fullcalendar react
import interactionPlugin from "@fullcalendar/interaction";
export default class DemoApp extends React.Component {
render() {
return (
<FullCalendar dateClick={this.handleDateClick} plugins={[ dayGridPlugin, interactionPlugin ]} />
)
}
handleDateClick = (arg) => {
alert(arg.dateStr)
}
}