FullCalendar 官方版 v5.6.0

软件介绍

FullCalendar提供历设计功能，如果您需要开发程类型的软件就可以下载这款软件，软件提供很多历事件管理，直接在软件编辑事件，将事件拖动到历上就可以完成提醒设置，每天都可以在软件上安排工作提醒，安排工作程，方便查看每天需要处理的事务，避免自己忘记事情，软件提供很多自定义内容，您可以在初始化历后获取/设置历选项，您可以指定仅适用于特定历视图的选项，提供月视图、时间网格视图、列表显示、Day Gd视图、时间轴视图等浏览事件方式，方便在历界面查看全部添加的工作提醒内容！

FullCalendar软件功能

1、FullCalendar提供历提醒功能，可以在软件编辑提醒事务

2、可以将事务内容拖动到任意历上显示

3、外部事件拖动，可以将历之外的元素作为元素，并使其可拖放。

4、在历的特定期删除它们时，可能会创建一个新事件，并且可能会触发某些回调。仅使用FullCalendar即可实现此目的，而无需任何第三方库。

5、支持时间视图，将资源显示为行。确切的时间间隔是可配置的

6、可以将提醒的内容显示为列，直接在列表查看24小时的提醒内容

7、可选期；单击并在某些期上拖动指针。系统会要求您通过API创建事件

8、背景事件，显示后台事件，另外可以控制事件 允许进入的位置

9、主题设置功能，可以在软件选择历界面的风格主题样式

10、语言环境功能，允许您配置多种语言使用历功能，可以设置英文、中文、德文

11、支持时区设置功能，不同国家可以设置不同时区，让软件自动修改时间

FullCalendar软件特色

文件高级插件

FullCalendar Premium（也称为“ FullCalendar Scheduler”）是根据与标准插件不同的许可发布的插件的。

每个插件都提供其他功能：

1、时间轴视图-显示大量资源，其中期/时间跨水平

2、垂直资源视图-将资源显示为列

3、打印优化-改善打印时历的外观

4、Premium插件的初始化方式与典型Standard插件的初始化方式相同。

文件 工具列

历顶部和底部的区域，其中包含按钮和其他控件。

1、headerToolbar：在历顶部定义按钮和标题。

2、页脚工具栏：在历底部定义控件。

3、titleFormat：确定将显示在headerToolbar标题中的文本。

4、titleRangeSeparator：在格式化工具栏标题中的期范围时，确定分隔符文本。

5、buttonText：将显示在headerToolbar / footerToolbar的按钮上的文本。

6、buttonIcons：将显示在headerToolbar / footerToolbar的按钮中的图标。

7、customButtons：定义可在headerToolbar / footerToolbar中使用的自定义按钮。

文件主题

通过应用主题可以更改历的外观（颜色，字体等）。当前，仅Boostrap v4可用。

1、theme：使用给定的主题系统渲染历。

2、引导主题：为了正确地以Bootstrap 4主题为历主题，您必须包括正确的样式表，包括JavaScpt插件，并将theme设置为'bootstrap'。

3、bootstrapFontAwesome：确定启动Bootstrap 4主题时在headerToolbar / footerToolbar的按钮中显示哪些图标。

文件尺寸

如何控制历的尺寸。

1、高度：设置整个历的高度，包括页眉和页脚。

2、contentHeight：设置历查看区域的高度。

3、AspectRatio：设置历的宽高比。

4、expandRows：如果给定视图的行未占据整个高度，则它们将扩展以适合。

5、updateSize：立即强制历重新调整其大小。

6、handleWindowResize：在浏览器窗口调整大小时是否自动调整历大小。

7、windowResizeDelay：窗口调整大小后，历将等待调整其大小的时间（以毫秒为单位）。

8、stickyHeaderDates：动时是否将历顶部的期标题固定到视口。

9、stickyFooterScllbar：动时是否将视图的水平动条固定到视口的底部

FullCalendar使用说明

特定于视图的选项

您可以指定仅适用于特定历视图的选项。在views选项内提供单独的选项对象，并以视图名称作为关键字。

您还可以指定适用于某些类型的视图的选项：

如果某个选项与某个特定于视图的选项不匹配，则该选项值取自顶级选项对象（无论您传入的是什么new Calendar）。

历::渲染

最初呈现历，或在初始化后重新呈现。

calendar.render（）

您可以使用ES6构建系统或脚本标签初始化历：

您还可以在初始化后使用render方法重新渲染历。获得calendar参考之后，只需再次调用它即可：

calendar.render(); // rerender!

通常，您不需要这样做。历的内部状态将与其呈现保持一致。但是，如果由于副作用而确实需要重新渲染历，请使用此方法。此方法不会完全清除DOM并重新构建。它将使用其内部虚拟DOM表示仅提交所需的更改。

类名输入

CSS className可以在各个地方注入FullCalendar的DOM中。可以以下格式提供它们。这些示例使用ntClassNames从事件渲染钩：

字符串：

字符串数组（首选方式）：

返回上述两种格式之一的函数：

每个钩子接受不同的参数。例如，ntClassNames接受具有一整套属的单个对象参数。

内容注入

自定义内容可以在各个地方注入FullCalendar的DOM中。可以以以下格式提供此内容。这些示例使用ntContent从事件渲染钩：

未转义的文本，以字符串形式提供：

ntContent: 'some text'

html，包装在一个对象中：

返回上述任何格式的函数：

每个钩子接受不同的参数。例如，ntContent接受具有一整套属的单个对象参数。

虚拟DOM

FullCalendar在内部使用虚拟DOM进行渲染。通常这是在后台进行的，但是内容注入是API中允许您使用它的地方之一。任何内容功能的第二个参数是虚拟DOM节点工厂功能。这是Preact的h（）函数：

如果您将其preact作为项目的依赖项进行安装并设置X，则可以这样编写

如果您使用的是React连接器，则可以返回React X节点。