Javascript RubyonRails:完整日历Gem不显示弹出窗体
我一直在关注漂移Ruby的交互式日历教程,但遇到了一个问题 日历显示很好,但当我拖动一个日期范围来输入一个事件时,任何人都不能提供一些见解吗 下面是我认为问题所在的所有javascript文件 //daterangepicker.jsJavascript RubyonRails:完整日历Gem不显示弹出窗体,javascript,ruby-on-rails,ruby,fullcalendar,fullcalendar-scheduler,Javascript,Ruby On Rails,Ruby,Fullcalendar,Fullcalendar Scheduler,我一直在关注漂移Ruby的交互式日历教程,但遇到了一个问题 日历显示很好,但当我拖动一个日期范围来输入一个事件时,任何人都不能提供一些见解吗 下面是我认为问题所在的所有javascript文件 //daterangepicker.js var date_range_picker; date_range_picker = function() { $('.date-range-picker').each(function(){ $(this).daterangepicker({
var date_range_picker;
date_range_picker = function() {
$('.date-range-picker').each(function(){
$(this).daterangepicker({
timePicker: true,
timePickerIncrement: 30,
alwaysShowCalendars: true
}, function(start, end, label) {
$('.start_hidden').val(start.format('YYYY-MM-DD HH:mm'));
$('.end_hidden').val(end.format('YYYY-MM-DD HH:mm'));
});
})
};
$(document).on('turbolinks:load', date_range_picker);
//fullcalendar.js
var initialize_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,
entryLimit: true,
entrys: '/entrys.json',
select: function(start, end) {
$.getScript('/entrys/new', function() {
$('#entry_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(end).format('YYYY-MM-DD HH:mm'));
});
calendar.fullCalendar('unselect');
},
entryDrop: function(entry, delta, revertFunc) {
entry_data = {
entry: {
id: entry.id,
start: entry.start.format(),
end: entry.end.format()
}
};
$.ajax({
url: entry.update_url,
data: entry_data,
type: 'PATCH'
});
},
entryClick: function(entry, jsEvent, view) {
$.getScript(entry.edit_url, function() {
$('#entry_date_range').val(moment(entry.start).format("MM/DD/YYYY HH:mm") + ' - ' + moment(entry.end).format("MM/DD/YYYY HH:mm"))
date_range_picker();
$('.start_hidden').val(moment(entry.start).format('YYYY-MM-DD HH:mm'));
$('.end_hidden').val(moment(entry.end).format('YYYY-MM-DD HH:mm'));
});
}
});
})
};
$(document).on('turbolinks:load', initialize_calendar);
//create.js.erb
$('.calendar').fullCalendar(
'renderEntry',
$.parseJSON("<%=j render(@entry, format: :json).html_safe %>"),
true
);
$('.modal').modal('hide');
提前谢谢
编辑
日志
在这里查看一下Rails控制台日志会很有用,因为它会告诉您JS是否发出了请求,以及请求的去向 此位看起来有点可疑:
$.getScript('/entrys/new', function()
您正在执行GET/entrys/new,但在问题中提供了create.js.erb的代码
您是想发布/entrys吗?我编辑了问题并添加了日志,看起来我的文件名称可能不正确?
$.getScript('/entrys/new', function()