|
2 weeks ago | |
---|---|---|
.. | ||
locales | 2 weeks ago | |
LICENSE.md | 2 weeks ago | |
README.md | 2 weeks ago | |
index.cjs | 2 weeks ago | |
index.d.ts | 2 weeks ago | |
index.global.js | 2 weeks ago | |
index.global.min.js | 2 weeks ago | |
index.js | 2 weeks ago | |
internal-common.cjs | 2 weeks ago | |
internal-common.d.ts | 2 weeks ago | |
internal-common.js | 2 weeks ago | |
internal.cjs | 2 weeks ago | |
internal.d.ts | 2 weeks ago | |
internal.js | 2 weeks ago | |
locales-all.cjs | 2 weeks ago | |
locales-all.d.ts | 2 weeks ago | |
locales-all.global.js | 2 weeks ago | |
locales-all.global.min.js | 2 weeks ago | |
locales-all.js | 2 weeks ago | |
package.json | 2 weeks ago | |
preact.cjs | 2 weeks ago | |
preact.d.ts | 2 weeks ago | |
preact.js | 2 weeks ago |
FullCalendar core package for rendering a calendar
This package is never used alone. Use it with least one plugin (like daygrid):
npm install @fullcalendar/core @fullcalendar/daygrid
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()