我正在尝试使用FullCalendar将日历集成到我的RoR Web应用程序中。
我导入了jQuery,Moment和FullCalendar。基本上,我尝试做的是弹出一个弹出窗口,让用户在点击日期时向日历添加事件。
我关注了这段视频:
https://www.youtube.com/watch?v=NiTLuPqvt58&t=349s
以下是我得到的错误:
使用' 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');