Rails / FullCalendar / JQuery Uncaught SyntaxError:意外的令牌:

时间:2018-03-05 23:43:32

标签: jquery ruby-on-rails ruby ajax fullcalendar

我正在尝试使用FullCalendar将日历集成到我的RoR Web应用程序中。

我导入了jQuery,Moment和FullCalendar。基本上,我尝试做的是弹出一个弹出窗口,让用户在点击日期时向日历添加事件。

我关注了这段视频:

https://www.youtube.com/watch?v=NiTLuPqvt58&t=349s

以下是我得到的错误:

Errors

使用' puts'和' console.log'我已经按照我的路线下到事件控制器的新方法。我不确定我应该在这里渲染什么。另外,date_range_picker可能是一个jQuery函数,也可能是FullCalendar不确定的东西。

此处的代码:

full_calendar.js

    var intialize_calendar;
initialize_calendar = function() {
  $('.calendar').each(function() {
    var calendar = $(this);
    calendar.fullCalendar({
    header: {
      left: 'prev,next,today',
      center: 'title',
      right: 'month, agendaWeek, agendaDay'
    },
    selectable: true,
    selectHelper: true,
    editable: true,
    eventLimit: true,

    select: function(start, end) {
      $.getScript("/events/new", function() {

        $("#event_date_range").val(moment(start).format("MM/DD/YYYY HH:mm") + ' - ' + moment(end).format("MM/DD/YYYY HH:mm"));
        date_range_picker();
        $(".start_hidden").val(moment(start).format("YYYY-MM-DD HH:mm"));
        $(".end_hidden").val(moment(start).format("YYYY-MM-DD HH:mm"));

      })
      calendar.fullCalendar("unselect");
    }
  });
});
}

$(document).on('turbolinks:load', initialize_calendar)

events_controller.rb

class EventsController < ApplicationController
  def new
    @event.Event.new
  end
end

new.js.erb

$('#remote_container').html('<%= j render ("new") %>');
$('#new_event').modal('show');

0 个答案:

没有答案