mediadreams/

md_fullcalendar

此扩展将 FullCalendar.io 的月、周和日视图功能集成到 ext:calendarize 中。还可以通过类别过滤日历。

维护者

详细信息

github.com/cdaecke/md_fullcalendar

主页

源代码

问题

安装次数: 8,701

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 4

分支: 6

开放问题: 4

语言:JavaScript

类型:typo3-cms-extension

4.0.1 2024-08-22 11:17 UTC

Requires

GPL-2.0-or-later 34bf382f084f5f032c7dea2f91cb1e7cd901ed35

timecalendarextensiontypo3fullcalendarcal

This package is auto-updated.

Last update: 2024-09-17 07:17:34 UTC

README

此扩展将带有可切换视图的 JavaScript FullCalendar.io 集成到 ext:calendarize 中。还可以通过类别过滤日历。

与 ext:calendarize 的 Fullcalendar 视图相比，此扩展提供的插件根据日历选定的视图在后台加载事件。因此，您可以在不重新加载页面的情况下在月、周和日视图之间切换。

如果您在项目中使用 Bootstrap 框架，事件详情视图将在模态窗口中打开。

屏幕截图

月份视图：Screenshot month

周视图：Screenshot month

日视图：Screenshot day

详情视图：Screenshot detail

要求

  • TYPO3 >= 11.5
  • ext:calendarize >= 12.0

安装

  • 使用扩展管理器安装扩展或使用 composer
  • 包含扩展的静态 TypoScript
  • 通过更改在 setup.typoscript 中设置的变量来配置扩展
    • settings.dateFormat：日期的格式。默认：d.m.Y
    • settings.timeFormat：时间的格式。默认：H:i
    • settings.pid.defaultDetailPid：显示项目详情视图的页面的 ID。在此页面上，您必须插入 ext:calendarize 的 Calendar 插件，并选择 列表 + 详情 或 仅详情 模式。
    • settings.showIcsIcalButton：显示用于将事件插入您自己的日历的按钮的标志
    • persistence.storagePid：请确保将 storagePid 设置为存储 ext:calendarize 记录的 Pid！否则，您可以在插件中单独设置 Record Storage Page。
  • 对于 TYPO3 >= 9，请添加以下 routeEnhancer
routeEnhancers:
  PageTypeSuffix:
    type: PageType
    map:
      '/calendar-ajax.html': 1573760945

用法

  • 在页面上添加 Fullcalendar for ext:calendarize 插件
  • 切换到 插件 选项卡以配置一些选项
    • 日历语言：选择日历的语言
    • 日历视图：选择日历的初始视图（月、周、日）
    • 过滤器的父类别：选择一个类别，其子类别将在日历上的类别过滤器中显示

类别颜色

您可以为过滤器中的不同类别以及日历条目使用颜色。只需将以下内容添加到您的样式表中，其中 .category123 结尾的数字是类别的 ID

.tx-md-fullcalendar .category123 {
    color: #fff;
    background-color: red;
}

模板布局

您可以在 TsConfig 中配置模板布局。

tx_mdfullcalendar_cal {
  templateLayouts {
    1 = First layout
    2 = Second layout
  }
}

错误和已知问题

如果您发现了一个错误，请在 Github 上添加一个问题。

谢谢

非常感谢所有使这个出色的 TYPO3 项目成为可能的人！

致谢

  • 感谢 Tim Lochmüller 开发了扩展 Calendarize，这是本扩展的基础。
  • 感谢 Adam Shaw，他是 FullCalendar 的创造者，我将其用作日历。
  • 扩展图标基于 FullCalendar 的标志。