fullcalendar

全日曆

JavaScript 中的全尺寸拖放日曆

• 專案網站
• 文件
• 變更日誌
• 支援
• 執照
• 路線圖

連接器：

• 反應
• 角
• Vue 3 | 2

捆

FullCalendar 標準套件比單一外掛程式更容易安裝，但檔案大小會更大。它與 CDN 配合良好。

安裝

安裝 FullCalendar 核心套件和您計劃使用的任何外掛程式：

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

用法

使用外掛程式和選項實例化日曆：

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

發展

您必須使用 PNPM 安裝此儲存庫：

 pnpm install

可用腳本（透過pnpm run