Startseite>Programmierbezogen>Anderer Quellcode
Herunterladen

Vollständiger Kalender

Drag & Drop-Kalender in voller Größe in JavaScript

  • Projekt-Website
  • Dokumentation
  • Änderungsprotokoll
  • Unterstützung
  • Lizenz
  • Roadmap

Anschlüsse:

  • Reagieren
  • Eckig
  • Vue 3 | 2

Bündeln

Das FullCalendar-Standardpaket ist einfacher zu installieren als einzelne Plugins, allerdings ist die Dateigröße größer. Es funktioniert gut mit einem CDN.

Installation

Installieren Sie das FullCalendar-Kernpaket und alle Plugins, die Sie verwenden möchten: 

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

Verwendung

Instanziieren Sie einen Kalender mit Plugins und Optionen: 

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

Entwicklung

Sie müssen dieses Repo mit PNPM installieren: 

 pnpm install

Verfügbare Skripte (über pnpm run