FullCalendar在Ruby on Rails是不工作的

Question

我试图添加一个日历到我的web应用程序，但它不工作。我按照下面的说明做了，但我无法让日历填充。

我还需要写所有的Javascript吗?这似乎是安装日历的一个快速步骤。我确定我错过了一些安装步骤，但这是我在网上找到的。

1. 添加到gemfile


   gem 'fullcalendar-rails'
   gem 'momentjs-rails'
   


2。Bundle install and restart rails server


3。添加到application.js


    //= require moment 
    //= require fullcalendar
    $('#calendar').fullCalendar({});

添加到application.css


*= require fullcalendar

在视图中，包括以下html:


<div id="calendar"></div>

Answer 1

您必须为fullCalendar插件添加选项，以便它知道从哪里获取事件数据:

$('#calendar').fullCalendar({
    eventSources: ["/events"]
});

在上面的示例中，/events是您的控制器的路径，您将从中响应事件数据

https://fullcalendar.io/docs/event_data/

或者，您可以直接向fullCalendar插件提供您自己的事件数据:

$('#calendar').fullCalendar({
    events: [
        {
            title  : 'event1',
            start  : '2010-01-01'
        },
        {
            title  : 'event2',
            start  : '2010-01-05',
            end    : '2010-01-07'
        },
        {
            title  : 'event3',
            start  : '2010-01-09T12:30:00',
            allDay : false // will make the time show
        }
    ]
});

https://fullcalendar.io/docs/event_data/events_array/

还可以将插件初始化器放在jQuery ready函数中，以便先加载DOM:

$(function() {
  $('#calendar').fullCalendar({ eventSources: ["/events"] });
})

Answer 2

我已经和FullCalendar纠结了好几个星期了。我知道这个问题是大约20个月前发布的，但也许我的答案将来会对其他人有所帮助。

确保你的日期格式是正确的!如果它通过直接设置事件数据来工作，就像Diego上面建议的那样，那么你知道这就是问题所在。

start: ' 2018-05-03 ' or ' 2018-05-03 12:30 ' works

将事件数据从ruby(或其他应用语言)传输到json是有问题的。有些人建议使用"gon"宝石，但我仍在努力。