FullCalendar官方版

FullCalendar简介

FullCalendar提供日历设计功能，如果需要开发程序型软件可以下载。该软件提供了大量的日历事件管理。您可以直接在软件中编辑事件，并将它们拖到日历中以完成提醒设置。可以每天在软件上安排工作提醒和工作日程，方便查看每天需要处理的事务，避免忘事。软件提供了很多定制的内容。初始化日历后，您可以获取/设置日历选项。您可以指定仅适用于特定日历视图的选项，并提供浏览事件模式，如月视图、时间网格视图、列表显示、日视图、时间线视图等。方便在日历界面查看所有新增的工作提醒！

FullCalendar软件功能

1.FullCalendar提供日历提醒功能，可以在软件中编辑提醒事务。

2.您可以将交易内容拖到任何日历上进行显示。

3.外部事件拖动，可以将日历外的元素作为元素，进行拖拽。

4.当在日历的特定时期删除它们时，可能会创建一个新事件并触发一些回调。只有FullCalendar可以在没有任何第三方库的情况下用于此目的。

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

6.您可以将提醒的内容显示为栏，并直接在列表中查看24小时提醒的内容。

7.可选期间；在某些周期上单击并拖动指针。您将被要求通过应用编程接口创建事件

8.背景事件，显示背景事件。此外，您可以控制允许事件进入的位置。

9.主题设置功能，可以在软件中选择日历界面的风格主题风格。

10.语言环境功能，可以用多种语言配置日历功能，可以设置英语、汉语和德语。

1.支持时区设置功能，不同国家可以设置不同的时区，并且软件可以自动修改时间。

FullCalendar软件特色

高级文件插件

FullCalendar Premium(也称为“FullCalendar Scheduler”)是一个在不同于标准插件的许可下发布的插件。

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

1.时间线视图-显示大量资源，其中周期/时间跨越级别。

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

3.打印优化-改善打印日历的外观。

4.高级插件的初始化方法与典型的标准插件相同。

工具栏

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

1.标题工具栏:定义日历顶部的按钮和标题。

2.页脚工具栏:定义日历底部的控件。

3.titleFormat:确定要在标题工具栏标题中显示的文本。

4.标题范围分隔符:在工具栏标题中格式化期间范围时，确定分隔符文本。

5.按钮文本:显示在标题工具栏/脚注工具栏按钮上的文本。

6.按钮图标:将显示在标题工具栏/脚注工具栏按钮中的图标。

7.自定义按钮:定义可在标题工具栏/脚注工具栏中使用的自定义按钮。

文档主题

您可以更改外观(颜色、字体等)。)通过应用主题。目前，只有Boostrap v4可用。

1.主题:使用给定的主题系统来呈现日历。

2.Bootstrap主题:为了正确使用Bootstrap 4主题作为日历主题，必须包含正确的样式表，包括JavaScpt插件，并将主题设置为& # 8217；自举& # 8217；。

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

文件大小

如何控制日历的大小？

1.高度:设置整个日历的高度，包括页眉和页脚。

2.contentHeight:设置日历查看区域的高度。

3.纵横比:设置日历的纵横比。

4.expandRows:如果给定视图的行没有占据整个高度，它们将被扩展以适合。

5.updateSize:立即强制调整日历大小。

6.handleWindowResize:当浏览器窗口调整大小时是否自动调整日历的大小。

7.windowResizeDelay:调整窗口大小后，日历将等待时间(以毫秒为单位)来调整它的大小。

8.stickyHeaderDates:移动时是否将日历顶部的期间标题固定到视口。

9.stickyFooterScllbar:移动时视图的水平移动条会固定在视口底部吗？

FullCalendar使用说明

特定于视图的选项

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

您也可以为某些类型的视图指定选项:

如果选项与特定于视图的选项不匹配，则选项值将取自顶级选项对象(无论您传入什么新日历)。

日历::渲染

最初呈现日历，或在初始化后再次呈现。

calendar.render()

您可以使用ES6构建系统或脚本选项卡来初始化日历:

您也可以使用render方法在初始化后重新呈现日历。获取日历参考后，只需再次调用它:

calendar . render()；// rerender！

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

输入类名。

Csssclassname可以被注入到FullCalendar的DOM中，无处不在。它们可以以下格式提供。这些示例使用ntClassNames呈现事件的钩子:

字符串:

字符串数组(首选方法):

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

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

内容注入

自定义内容可以随处注入FullCalendar的DOM中。此内容可以以下格式提供。这些示例使用ntContent呈现事件的钩子:

以字符串形式提供的非转义文本:

ntContent:& # 8216；一些文字& # 8217；

Html，包装在对象中:

以上述任何一种格式返回函数:

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

虚拟DOM

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

如果您将它的preact作为项目的依赖项安装并设置x，您可以这样编写它。

如果使用的是反应连接器，可以返回反应X节点。