moe/full-calendar

轻量级日历模块，用于 Silverstripe。实现了流行的 JavaScript http://fullcalendar.io/ 库。

维护者

详细信息

github.com/peavers/silverstripe-full-calendar

主页

源码

问题

安装次数: 1,459

依赖项: 0

建议者: 0

安全: 0

星标: 12

关注者: 2

分支: 4

类型:silverstripe-module

v3.0.0 2017-09-26 03:58 UTC

Requires

BSD-3-Clause 9b675c957b03370e5f6273bbec102053b46bf3c0

  • Chris Turner <peavers.woop@gmail.com>

calendareventssilverstripe

This package is not auto-updated.

Last update: 2024-09-28 17:31:16 UTC

README

轻量级日历模块，用于 Silverstripe。实现了流行的 JavaScript http://fullcalendar.io/ 库。

特性

  • 灯箱事件详情
  • 基于用户选择的样式颜色继承
  • 自动隐藏过去的事件
  • 轻松更改样式/主题以匹配您的品牌
  • 在月份和日程视图之间切换
  • 即将发生的活动列表页面类型
  • 将单个事件下载为 .ics 文件
  • 将整个日历下载为 .ics 文件

安装

Composer

理想情况下，应使用 Composer 安装此模块。 composer require "moe/full-calendar:@stable"

从源码

  1. 下载最新版本 [发布] (https://github.com/peavers/silverstripe-full-calendar/releases)
  2. 提取文件
  3. 确保提取后的文件夹命名为 'full-calendar'
  4. 上传到您的站点根目录

基本修改

JavaScript

常见的设置可以从 CMS 进行更改，但为了添加额外的选项，只需将它们添加到 calendarSettings 中。

function calendarSettings(json) {
    $('#calendar').fullCalendar({
        //custom settings here
    })
}

有关更多设置选项，请参阅 http://fullcalendar.io/docs/

CMS 设置/使用

页面类型

  • 全日历 - 这是所有事件的容器，也包含主日历。首先创建此页面。
  • 全日历事件 - 一个独特的事件，需要作为 Full Calendar 的子页面创建

屏幕截图

日历视图

Calendar view

事件视图

Event view

日历设置

Event view

事件设置

Event view

使用的库

  • Fullcalendar
  • Moment.js
  • Fancybox v2
  • Font Awesome