Question

我的目标是拥有一个通用的周视图，可用于构建一周的事件安排。计划很少在每个月都发生变化，并且当前存在的数据库将每个事件作为一个实例（因此每天7个事件= 49个记录。我希望坚持这一点）

我发现fullcalendar最接近我想要的，但完整日历的功能对我来说是过度的。有没有能力只使用fullcalendar一般的一周，并且与任何实际的周，月或年无关？

Answer 1

是的，您可以轻松地将fullcalendar锁定到特定视图中。

$(document).ready(function() {

        var today = moment();  //get todays date

        $('#calendar').fullCalendar({
            header: {
                center: 'title',  //only display a title, no nav buttons
            },
            defaultDate: today,  
            editable: false,
            defaultView: agendaWeek,  //or whatever you want
            events: [], //array of events, see docs can use ajax to get them
        });
});

尝试开始。

Answer 2

我知道这个问题太老了，但我遇到了同样的问题。客户需要能够在日历上管理每周重复的可用性。他们已经在使用（并享受）FullCalendar，我不想引入新的日历 UI。我能够像这样“解决”这个问题：

使用 FullCalendar timeGridWeek 视图...我找到了所有 .fc-day-* 项并将它们的标签从（例如）“Thu 4/15”转换为“Thu”。

我允许用户在日历上进行任何他们想要的编辑，只需将所有内容存储在本地。当他们“保存”他们的更改时，我将每个事件的数据转换为具有以下结构：

day (int) 星期几，0-6
start (MySQL TIME) 事件开始时间
end (MySQL TIME) 事件结束时间

唯一奇怪的是 timeGridWeek 视图以黄色突出显示了当天，我一直无法弄清楚使用什么 CSS 来改变它，哈哈。

希望这可以帮助任何人在未来寻找解决方案！

使用fullcalendar作为通用周事件管理

2 个答案: