Home Explore Help
Sign In
usky-oa
/
jnpf-web-vue3
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: e984acc6d0
Branches Tags
jnpf-web-vue3
/
node_modules
/
@fullcalendar
/
timegrid
zhaojinyu e984acc6d0 first commit 11 months ago
..
LICENSE.md e984acc6d0 first commit 11 months ago
README.md e984acc6d0 first commit 11 months ago
index.cjs e984acc6d0 first commit 11 months ago
index.d.ts e984acc6d0 first commit 11 months ago
index.global.js e984acc6d0 first commit 11 months ago
index.global.min.js e984acc6d0 first commit 11 months ago
index.js e984acc6d0 first commit 11 months ago
internal.cjs e984acc6d0 first commit 11 months ago
internal.d.ts e984acc6d0 first commit 11 months ago
internal.js e984acc6d0 first commit 11 months ago
package.json e984acc6d0 first commit 11 months ago

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()