Fullcalendar 2与Bootstrap 3和Rails 4不兼容吗(我真的需要帮助……天)

在rails应用程序中集成完整日历的步骤

1. 首次下载 moment.min.js 和 fullcalendar.min.js 归档并放入其中 vendor/assets/javascripts 目录

2. 下载 fullcalendar.css 和 fullcalendar.print.css 归档并放入其中 vendor/assets/stylesheets 目录

3. 现在在您的 application.js file在jquery之后添加javascript文件,如

   #application.js
   //= require jquery
   //= require jquery_ujs
   //= require moment.min
   //= require fullcalendar.min
   //= require turbolinks
   //= require_tree .
   

4. 在您的 application.css 文件添加对css文件的引用,如

   *= require_tree .
   *= require fullcalendar
   *= require fullcalendar.print
   *= require_self
   

5. 在视图中添加一个带有id的div calender

   <div id='calendar'></div>
   

6. 现在创建一个js文件 calendar.js 在…内 app/assets/javascript 具有以下代码

   $(document).on('ready page:load', function () {
     $('#calendar').fullCalendar({
     // put your options and callbacks here
     })
   });
   

我重新构建了这个应用程序三次,并验证了css和更少的内容,最后才弄清楚我做错了什么。

我对rails很陌生,尽管我必须在清单中包含require_tree。一旦我删除了它并手动添加了必要的文件,我的应用程序工作得很好。我觉得自己像个傻瓜。我希望这对其他人有所帮助。