Startseite Erkunden Hilfe
Anmelden
usky-oa
/
jnpf-web-vue3
2
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: e984acc6d0
Branches Tags
jnpf-web-vue3
/
node_modules
/
@fullcalendar
/
timegrid
zhaojinyu e984acc6d0 first commit vor 11 Monaten
..
LICENSE.md e984acc6d0 first commit vor 11 Monaten
README.md e984acc6d0 first commit vor 11 Monaten
index.cjs e984acc6d0 first commit vor 11 Monaten
index.d.ts e984acc6d0 first commit vor 11 Monaten
index.global.js e984acc6d0 first commit vor 11 Monaten
index.global.min.js e984acc6d0 first commit vor 11 Monaten
index.js e984acc6d0 first commit vor 11 Monaten
internal.cjs e984acc6d0 first commit vor 11 Monaten
internal.d.ts e984acc6d0 first commit vor 11 Monaten
internal.js e984acc6d0 first commit vor 11 Monaten
package.json e984acc6d0 first commit vor 11 Monaten

README.md

FullCalendar Time Grid Plugin

Display events on time slots

Installation

Install the necessary packages:

npm install @fullcalendar/core @fullcalendar/timegrid

Usage

Instantiate a Calendar with the necessary plugin:

import { Calendar } from '@fullcalendar/core'
import timeGridPlugin from '@fullcalendar/timegrid'

const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
  plugins: [timeGridPlugin],
  initialView: 'timeGridWeek',
  events: [
    { title: 'Meeting', start: new Date() }
  ]
})

calendar.render()