| .. | ||
| locales | ||
| node_modules/preact | ||
| index.cjs | ||
| index.d.ts | ||
| index.global.js | ||
| index.global.min.js | ||
| index.js | ||
| internal-common.cjs | ||
| internal-common.d.ts | ||
| internal-common.js | ||
| internal.cjs | ||
| internal.d.ts | ||
| internal.js | ||
| LICENSE.md | ||
| locales-all.cjs | ||
| locales-all.d.ts | ||
| locales-all.global.js | ||
| locales-all.global.min.js | ||
| locales-all.js | ||
| package.json | ||
| preact.cjs | ||
| preact.d.ts | ||
| preact.js | ||
| README.md | ||
FullCalendar Core
FullCalendar core package for rendering a calendar
Installation
This package is never used alone. Use it with least one plugin (like daygrid):
npm install @fullcalendar/core @fullcalendar/daygrid
Usage
First, ensure there's a DOM element for your calendar to render into:
<body>
<div id='calendar'></div>
</body>
Then, instantiate a Calendar object with options and call its render method:
import { Calendar } from '@fullcalendar/core'
import dayGridPlugin from '@fullcalendar/daygrid'
const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
plugins: [
dayGridPlugin
// any other plugins
],
initialView: 'dayGridMonth',
weekends: false,
events: [
{ title: 'Meeting', start: new Date() }
]
})
calendar.render()