49 lines
969 B
Markdown
49 lines
969 B
Markdown
|
|
||
|
|
# FullCalendar RRule Plugin
|
||
|
|
|
||
|
|
Recurring events with [RRule](https://github.com/jakubroztocil/rrule)
|
||
|
|
|
||
|
|
## Installation
|
||
|
|
|
||
|
|
First, ensure the RRule lib is installed:
|
||
|
|
|
||
|
|
```sh
|
||
|
|
npm install rrule
|
||
|
|
```
|
||
|
|
|
||
|
|
Then, install the FullCalendar core package, the RRule plugin, and any other plugins (like [daygrid](https://fullcalendar.io/docs/month-view)):
|
||
|
|
|
||
|
|
```sh
|
||
|
|
npm install @fullcalendar/core @fullcalendar/rrule @fullcalendar/daygrid
|
||
|
|
```
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
Instantiate a Calendar with the necessary plugin:
|
||
|
|
|
||
|
|
```js
|
||
|
|
import { Calendar } from '@fullcalendar/core'
|
||
|
|
import rrulePlugin from '@fullcalendar/rrule'
|
||
|
|
import dayGridPlugin from '@fullcalendar/daygrid'
|
||
|
|
|
||
|
|
const calendarEl = document.getElementById('calendar')
|
||
|
|
const calendar = new Calendar(calendarEl, {
|
||
|
|
plugins: [
|
||
|
|
rrulePlugin,
|
||
|
|
dayGridPlugin
|
||
|
|
],
|
||
|
|
initialView: 'dayGridMonth',
|
||
|
|
events: [
|
||
|
|
{
|
||
|
|
title: 'Meeting',
|
||
|
|
rrule: {
|
||
|
|
freq: 'weekly',
|
||
|
|
byweekday: ['mo', 'fr']
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
})
|
||
|
|
|
||
|
|
calendar.render()
|
||
|
|
```
|