# @fullcalendar/mui 中文文档

规范地址：https://npmcn.com/package/%40fullcalendar/mui/

版本：7\.1\.5
npm 元数据更新时间：2026-11-12T18:27:19.235Z
中文译文更新时间：2026-11-15T16:36:00.583Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40fullcalendar/mui
原文对照：https://npmcn.com/package/%40fullcalendar/mui/?lang=original
项目主页：https://github.com/fullcalendar/fullcalendar-workspace#readme
源码仓库：https://github.com/fullcalendar/fullcalendar-workspace

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：304 kB，78 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：react ^17 \|\| ^18 \|\| ^19，react-dom ^17 \|\| ^18 \|\| ^19，@mui/material ^7\.1\.2 \|\| ^9\.0\.0，temporal-polyfill ^1\.0\.7，@fullcalendar/react 7\.1\.5，@mui/icons-material ^7\.1\.2 \|\| ^9\.0\.0，@fullcalendar/react-scheduler 7\.1\.5
- 首次发布：2025-12-20T21:15:44.556Z
- 最新版本发布：2026-11-12T18:27:18.956Z
- 近 30 天下载量：10554（2026-10-16 至 2026-11-14，npm 官方下载统计）
- 已发布版本数：17（近 12 个月 17 个）

## 中文简介

显示继承您的事件日历 [@mui/物质](https://www.npmjs.com/package/@mui/material) 主题.

## 安装

```sh
npm install @fullcalendar/mui
```

也可以使用：`pnpm add @fullcalendar/mui`、`yarn add @fullcalendar/mui`、`bun add @fullcalendar/mui`

## README

# FullCalendar MUI 整合

显示继承您的事件日历 [@mui/物质](https://www.npmjs.com/package/@mui/material) 主题.

## 安装

```sh
npm install @fullcalendar/react @fullcalendar/mui
```

## 使用量

首先,选择"flavor"主题: `monarch`, (中文(简体) ), `forma`, (中文(简体) ), `breezy`, (中文(简体) ), `pulse`,或 `classic`。 。 。 .

接下来,决定你是否在使用 FullCalendar "标准" (aka "EventCalendar") 或 [溢价](https://fullcalendar.io/pricing) (aka"Scheduler". ) (中文(简体) ).

### 标准使用

```jsx
import EventCalendar from '@fullcalendar/mui/monarch/EventCalendar'

import '@fullcalendar/react/skeleton.css'
import '@fullcalendar/mui/monarch/theme.css'

<EventCalendar
  addButton={{
    text: 'Add Event',
    click() {
      alert('add event...')
    }
  }}
/>
```

### 使用费

您必须安装额外的软件包 :

```sh
npm install @fullcalendar/react-scheduler
```

然后写您的组件代码 :

```jsx
import ResourceTimeline from '@fullcalendar/mui/monarch/ResourceTimeline'

import '@fullcalendar/react/skeleton.css'
import '@fullcalendar/mui/monarch/theme.css'

<ResourceTimeline
  addButton={{
    text: 'Add Resource',
    click() {
      alert('add resource...')
    }
  }}
/>
```

A 类 `ResourceTimeGrid` 还可以提供基于资源的时间网视图.

### 自定义使用

要完全控制工具栏、日历视图或插件吗 ? 未来的医生会解释如何做到这一点.

## 常见问题

### @fullcalendar/mui 是什么？

显示继承您的事件日历 @mui/物质 主题\.

### 如何安装 @fullcalendar/mui？

在项目目录运行 npm install @fullcalendar/mui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^17 \|\| ^18 \|\| ^19）、react-dom（^17 \|\| ^18 \|\| ^19）、@mui/material（^7\.1\.2 \|\| ^9\.0\.0）、temporal-polyfill（^1\.0\.7）、@fullcalendar/react（7\.1\.5）、@mui/icons-material（^7\.1\.2 \|\| ^9\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @fullcalendar/mui 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @fullcalendar/mui 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @fullcalendar/mui 可以商用吗？

@fullcalendar/mui 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @fullcalendar/mui 的下载量有多少？

根据 npm 官方下载统计，@fullcalendar/mui 在 2026/10/16 – 2026/11/14 这 30 天内被下载 10,554 次，日均约 352 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @fullcalendar/mui 还在维护吗？

最新版本 7\.1\.5 发布于 2026/11/13（3 天前）；至今共发布 17 个版本，其中过去 12 个月发布了 17 个；首次发布于 2025/12/21。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。