FullCalendar не отображает дату и время - PullRequest
Новая
       17

FullCalendar не отображает дату и время

0 голосов
/ 27 июня 2018

Попытка использовать FullCalendar v3.9.0 с SailsJS. Использование jQuery v3.2.1. MomentJS и jQuery загружаются до полного календаря. Это мой текущий код для 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,
});

Однако результат выглядит так. https://i.imgur.com/AIm5k9n.png

Дата и время каждой строки отсутствуют. Также отсутствуют кнопки с обеих сторон заголовка.

1 Ответ

0 голосов
/ 27 июня 2018

На снимке экрана вы, кажется, используете CSS для печати, предоставленный FullCalendar вместо браузера CSS.

Если вы включили оба файла, убедитесь, что вы правильно задали медиазапрос в файле print.css, чтобы он использовался только при печати страницы. Например: 

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

Убедитесь, что в файле "print" присутствует media='print', как в приведенном выше примере.

См. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link для синтаксиса и https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries для информации о медиа-запросах в целом.

...