Rails 中的 fullCalendar 与正确的星期不匹配

Question

我正在尝试将 fullCalendar（使用 fullcalendar-rails gem）实施到我的 Rails 项目中，虽然我可以在日历上显示事件，但定位事件完全不正常。 Example.

这个事件的日期应该是从 02/24 到 02/28，看起来水平定位是完全正确的，但垂直对齐（一周）有很大偏差。如果我重新加载页面，垂直对齐也会稍微跳跃（从 10px 到 100px 上下）。

CSS 是不是我遗漏了什么，或者我的 json 构建器没有被正确解析？

我的建造者：

json.array!(@movies) do |movie|
  json.id movie.id
  json.title movie.name
  json.extract! movie, :description
  json.start movie.start_date
  json.end movie.end_date
  json.url movie_url(movie, format: :html)
end

产生：

[{"id":8,"title":"Test","description":"sldkfjasdflkajsdfasdf","start":"2015-02-24","end":"2015-02-28","url":"http://www.movieman.dev:3000/?format=html"}]

我的 js 调用 json:

$(document).ready(function() {
  $('#movies_calendar').fullCalendar({
      events: '/calendar.json'
    });
});

知道这里发生了什么吗？

编辑：这个问题只出现在 Chrome，我想它一定是 fullCalendar 中的东西。js/css

Answer 1

已找到修复程序并发布，以防万一将来有人运行进入此 bizarre/rare 场景。

fullCalendar 有一个部分取消了 Twitter 的 Bootstrap 日历元素定位框大小规则：

.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

在我的 css 中，我有以下内容：

*, *:before, *:after {
    transition: all 0.3s;
}

通过删除上面的内容，它固定了垂直定位。

Rails 中的 fullCalendar 与正确的星期不匹配

fullCalendar in Rails not matching up right week

json

ruby-on-rails

fullcalendar