Ruby 在 Rails - 与日期选择器链接的完整日历

Question

如何使用日期选择器 link fullcalendar，使其看起来像下图使用 Rails 5 和 gem 'bootstrap-datepicker-rails' + gem 'fullcalendar-rails'?

Answer 1

我在 Whosebug 上的许多帖子中苦苦挣扎，并得到了部分答案，并最终使用 application.js:

中的以下代码设法 link 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));
    }
    });
};

view.haml:

#event_calendar

#datepicker

Ruby 在 Rails - 与日期选择器链接的完整日历

Ruby on Rails - fullcalendar linked with datepicker

ruby-on-rails

datepicker

fullcalendar