完整日历轨道7

Question

我正在尝试将fullcalendar添加到我的rails项目中​使用gem"fullcalendarlrails"，我分配了我想在thje日历中显示的任务，有一个start_time和一个end_time。我按照它说的做每件事，但它没有显示出来。现在我看到的是简单的日历，但不一样。我安装momentjs rails gem，然后在application.js和application.scss 中

js

//=要求时刻

//=需要完整日历

//=需要完整的日历/区域设置所有

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

}；

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

}；

function clearCalendar() {
$('#calendar').fullCalendar('delete');
$('#calendar').html('');

}；

$(document).on('turbolinks:load', function(){
eventCalendar();});
$(document).on('turbolinks:before-cache', clearCalendar);

scss

*= require fullcalendar
*= require fullcalendar.print

但问题是，我在主页中创建了一个div，它没有显示日历

div id＝"；日历"；

对不起，我的英语

Answer 1

基本上，我所做的就是能够使用fullcanlendar，但不能完全使用它。在`application.hmtl.erb 中

document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
headerToolbar: {
left: 'today',
center: 'prev title next',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
selectable: true,
droppable: true,
selectHelper: true,
editable: true,
eventLimit:true,
events: '/assigned_tasks.json',
select: function (start, end){
$.getScript('/assigned_tasks/news',function(){
$('#event_date_range').val(moment(start).format("MM/DD/YYYY HH:mm") + ' - ' + moment(end).format("MM/DD/YYYY HH:mm"))
date_picker();
$('.start_hidden').val(moment(start).format('YYYY-MM-DD HH:mm'));
$('.end_hidden').val(moment(end).format('YYYY-MM-DD HH:mm'));
});
calendar.fullCalendar('unselect');
},
eventDrop: function (assigned_task, delta, revertFunc) {
assigned_task_data = {
assigned_task: {
id: assigned_task.id,
start_time: assigned_task.start_time.format(),
end_time: assigned_task.end_time.format()
}
};
$.ajax({
url: assigned_task.update_url,
data: assigned_task_data,
type: 'PATCH'
});
},
eventClick: function (assigned_task, jsEvent, view){
alert();

},
initialView: 'dayGridMonth'
});
calendar.render();
});
</script>`

然后创建相应的js、modals和部分视图，但拖放不起作用，单击它不会显示modals，但我可以发送警报，但如果我创建了一个事件，它会出现在日历上，并带有颜色，我希望它对任何试图使用rails 7 的fullcalendar的人都有用