zhaojinyu e984acc6d0 first commit		11 bulan lalu
..
LICENSE.md	e984acc6d0 first commit	11 bulan lalu
README.md	e984acc6d0 first commit	11 bulan lalu
index.cjs	e984acc6d0 first commit	11 bulan lalu
index.d.ts	e984acc6d0 first commit	11 bulan lalu
index.global.js	e984acc6d0 first commit	11 bulan lalu
index.global.min.js	e984acc6d0 first commit	11 bulan lalu
index.js	e984acc6d0 first commit	11 bulan lalu
package.json	e984acc6d0 first commit	11 bulan lalu

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()

README.md

FullCalendar Interaction Plugin

Installation

Usage