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 <script> ）：

• build - 构建生产就绪的 dist 文件
• dev - 构建并监视开发 dist 文件
• test - 无头测试
• test:dev - 交互式测试
• lint
• clean

有关贡献代码的信息 »