@fullcalendar/interaction v6.1.15
FullCalendar Interaction Plugin
Calendar functionality for event drag-n-drop, event resizing, date clicking, and date selecting
Installation
Install the FullCalendar core package, the interaction plugin, and any other plugins (like daygrid):
npm install @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid
Usage
Instantiate a Calendar with the necessary plugins and options:
import { Calendar } from '@fullcalendar/core'
import interactionPlugin from '@fullcalendar/interaction'
import dayGridPlugin from '@fullcalendar/daygrid'
const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
plugins: [
interactionPlugin,
dayGridPlugin
],
initialView: 'dayGridMonth',
editable: true, // important for activating event interactions!
selectable: true, // important for activating date selectability!
events: [
{ title: 'Meeting', start: new Date() }
]
})
calendar.render()
4 months ago
4 months ago
7 months ago
8 months ago
9 months ago
9 months ago
12 months ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago