@fullcalendar/luxon2
Version:
Enhanced date formatting, conversion, and named time zone functionality with Luxon 2
42 lines (29 loc) • 1.06 kB
Markdown
# FullCalendar Luxon 2 Plugin
Enhanced date formatting, conversion, and [named time zone](https://fullcalendar.io/docs/timeZone#named-time-zones) functionality with [Luxon](https://moment.github.io/luxon/) 2
## Installation
First, ensure Luxon is installed:
```sh
npm install luxon@2
```
Then, install the FullCalendar core package, the Luxon plugin, and any other plugins (like [daygrid](https://fullcalendar.io/docs/month-view)):
```sh
npm install /core /luxon2 /daygrid
```
## Usage
Instantiate a Calendar with the necessary plugin:
```js
import { Calendar } from '@fullcalendar/core'
import luxon2Plugin from '@fullcalendar/luxon2'
import dayGridPlugin from '@fullcalendar/daygrid'
const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
plugins: [
luxon2Plugin,
dayGridPlugin
],
initialView: 'dayGridMonth',
titleFormat: 'LLLL d, yyyy', // use Luxon format strings
timeZone: 'America/New_York' // enhance named time zones
})
calendar.render()
```