Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript RubyonRails:完整日历Gem不显示弹出窗体_Javascript_Ruby On Rails_Ruby_Fullcalendar_Fullcalendar Scheduler - Fatal编程技术网

Javascript RubyonRails:完整日历Gem不显示弹出窗体

Javascript 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({

我一直在关注漂移Ruby的交互式日历教程,但遇到了一个问题

日历显示很好,但当我拖动一个日期范围来输入一个事件时,任何人都不能提供一些见解吗

下面是我认为问题所在的所有javascript文件

//daterangepicker.js

    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()