fullcalendar react
import interactionPlugin from "@fullcalendar/interaction"; // needed for dayClick
export default class DemoApp extends React.Component {
render() {
return (
<FullCalendar dateClick={this.handleDateClick} plugins={[ dayGridPlugin, interactionPlugin ]} />
)
}
handleDateClick = (arg) => { // bind with an arrow function
alert(arg.dateStr)
}
}
4
9
import React from 'react'
import FullCalendar from '@fullcalendar/react'
import dayGridPlugin from '@fullcalendar/daygrid'
import './main.scss' // webpack must be configured to do this
export default class DemoApp extends React.Component {
render() {
return (
<FullCalendar defaultView="dayGridMonth" plugins={[ dayGridPlugin ]} />
)
}
}
Thank you!
9
0
0
1
@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
Thank you!
1
0
Are there any code examples left?
New code examples in category CSS