ruby-on-rails - Ruby on Rails - 与日期选择器链接的完整日历

Question

如何使用 Rails 5 和gem 'bootstrap-datepicker-rails'+将 fullcalendar 与 datepicker 链接起来，如下图所示gem 'fullcalendar-rails'？

标签： ruby-on-railsdatepickerfullcalendar

Answer 1

我在 stackoverflow 上的大量帖子中苦苦挣扎，并给出了部分答案，并最终设法使用 application.js 中的以下代码链接 datepicker 和 fullcalendar：

  $("#datepicker").datepicker({
      format: "dd.mm.yyyy"
  })
  .on('changeDate', function(ev){
      $('#event_calendar').fullCalendar('gotoDate', ev.date);
  });

function eventCalendar() {
  return $('#event_calendar').fullCalendar({ 
    schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
    viewRender: function(view, element){
        var currentdate = view.intervalStart;
        $('#datepicker').datepicker().datepicker('setDate', new Date(currentdate));
    }
    });
};

视图.haml：

#event_calendar

#datepicker