fullcalendar

Kalender Penuh

Kalender drag & drop berukuran penuh dalam JavaScript

• Situs Proyek
• Dokumentasi
• log perubahan
• Mendukung
• Lisensi
• Peta jalan

Konektor:

• Bereaksi
• sudut
• Gambar 3 | 2

Bundel

Paket Standar FullCalendar lebih mudah dipasang dibandingkan plugin individual, meskipun ukuran filenya akan lebih besar. Ini bekerja dengan baik dengan CDN.

Instalasi

Instal paket inti FullCalendar dan plugin apa pun yang ingin Anda gunakan:

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

Penggunaan

Buat instance Kalender dengan plugin dan opsi:

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

Perkembangan

Anda harus menginstal repo ini dengan PNPM:

 pnpm install

Skrip yang tersedia (melalui pnpm run