FullCalendar 不显示日期时间

Question

正在尝试将 FullCalendar v3.9.0 与 SailsJS 一起使用。使用 jQuery v3.2.1。 MomentJS 和 jQuery 在 fullcalendar 之前加载。这是我当前的 FullCalendar 代码。

$('#calendar').fullCalendar({
  header: {
    left: 'today prev,next',
    center: 'title',
    right: 'agendaWeek,agendaDay'
  },
  views: {
    week: {
      titleFormat: 'DD.MM.YYYY'
    }
  },
  defaultView: 'agendaWeek',
  locale: 'fi',
  weekends: true,
  events: [
    {
      title: 'Event 1',
      start: '2018-06-25T15:00+03:00'
    },
    {
      title: 'Event 2',
      start: '2018-06-26T12:00+03:00'
    }
  ],
  editable: true,
  selectable: true,
});

然而，结果看起来是这样的。

缺少每行的日期时间。标题两边的按钮也不见了。

Answer 1

从屏幕截图来看，您似乎使用的是 FullCalendar 提供的打印 CSS 而不是浏览器 CSS。

如果您同时包含了这两个文件，请确保在 print.css 文件上正确设置了媒体查询，以便仅在打印页面时使用它。例如：

<link href='fullcalendar.min.css' rel='stylesheet' />
<link href='fullcalendar.print.min.css' rel='stylesheet' media='print' />

确保 media='print' 出现在 "print" 文件中，如上例所示。

有关媒体查询的一般信息，请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link for the syntax, and https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries。

FullCalendar 不显示日期时间

FullCalendar not displaying datetime

javascript

fullcalendar

node.js

sails.js