- ×
Full-sized drag & drop event calendar (jQuery plugin)
Filed under user interfaceShow AllFullCalendar
Full-sized drag & drop calendar in JavaScript
Connectors:
Bundle
The FullCalendar Standard Bundle is easier to install than individual plugins, though filesize will be larger. It works well with a CDN.
Installation
Install the FullCalendar core package and any plugins you plan to use:
npm install @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid
Usage
Instantiate a Calendar with 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: 'timeGridWeek', editable: true, events: [ { title: 'Meeting', start: new Date() } ] }) calendar.render()
Development
You must install this repo with PNPM:
pnpm install
Available scripts (via
pnpm run <script>
):build
- build production-ready dist filesdev
- build & watch development dist filestest
- test headlesslytest:dev
- test interactivelylint
clean