fullcalendar

Calendrier complet

Calendrier glisser-déposer pleine grandeur en JavaScript

• Site Web du projet
• Documentation
• Journal des modifications
• Soutien
• Licence
• Feuille de route

Connecteurs :

• Réagir
• Angulaire
• Vue 3 | 2

Paquet

Le FullCalendar Standard Bundle est plus facile à installer que les plugins individuels, bien que la taille du fichier soit plus grande. Cela fonctionne bien avec un CDN.

Installation

Installez le package principal FullCalendar et tous les plugins que vous prévoyez d'utiliser :

npm install @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid

Usage

Instancier un calendrier avec des plugins et des options :

 import { Calendar } from '@fullcalendar/core'
import interactionPlugin from '@fullcalendar/interaction'
import dayGridPlugin from '@fullcalendar/daygrid'

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

calendar . render ( ) 

Développement

Vous devez installer ce dépôt avec PNPM :

 pnpm install

Scripts disponibles (via pnpm run