Fullcalendar - Невозможно отобразить названия дней в режиме просмотра "Месяц"

Я использую полный календарь 3.4 и пытаюсь отобразить названия дней в представлении месяца, но, похоже, ничего не работает. Хотя в режиме просмотра недели работает нормально.

введите здесь описание изображения

Пробовал несколько разных вещей, и вот моя конфигурация:

$('#calendar').fullCalendar({

        defaultView: 'month',
        weekNumbers: true,
        selectable: true,
        selectHelper: true,
        selectOverlap: false,
        timeFormat: 'H:mm',
        firstDay: 1,
        views: {
            month: {
              columnHeaderFormat: 'ddd'
        }},


        header: {
            right: 'prev,next today',
            left: 'title',
            center: 'month,agendaWeek,agendaDay'
        } });

Любые идеи, как я могу заставить его работать?


javascript jquery fullcalendar fullcalendar-3
person Oleg    schedule 09.08.2019    source источник
comment
Названия дней отображаются по умолчанию, если вы вообще не задали никаких параметров: jsfiddle.net/od1ya08e   -  person ADyson    schedule 09.08.2019
comment
P.S. columnHeaderFormat не был представлен до версии 3.8 (согласно документации: fullcalendar.io/docs/v3/columnHeaderFormat) . Возможно, обновитесь до последней версии 3.x (я думаю, 3.10), если вы хотите использовать эту опцию. Критических изменений быть не должно, только улучшения. Или используйте устаревший формат столбца, который должен работать в версии 3.4 — fullcalendar.io/docs/v3/columnFormat   -  person ADyson    schedule 09.08.2019
comment
думал, что он должен быть виден по умолчанию, попытался удалить все остальные параметры, но все равно не отображается...   -  person Oleg    schedule 09.08.2019
comment
из приведенного выше кода не очевидно, что вы сделали, чтобы это произошло. Это должно быть видно. Вы возились с CSS или что-то в этом роде?   -  person ADyson    schedule 09.08.2019
comment
Демонстрация с использованием вашего точного кода выше, в версии 3.4, без проблем: jsfiddle.net/od1ya08e/2 (columnHeaderFormat просто игнорируется, так как он не существует). Судя по скриншоту, вы, возможно, изменили некоторые визуальные стили. Я предлагаю проверить ваш CSS, чтобы убедиться, что вы случайно не столкнулись с конфликтом или другой ошибкой, из-за которой текст становится невидимым.   -  person ADyson    schedule 09.08.2019
comment
Или... у вас есть ошибки консоли? Возможно, у вас устаревшая версия momentJS или что-то в этом роде?   -  person ADyson    schedule 09.08.2019
comment
@ Олег Я почти уверен, что это из-за версии moment.js. Я создал фрагмент кода, и там все работает нормально, если вы запустите фрагмент, вы сможете увидеть названия дней. Или, может быть, вы спрашиваете о чем-то другом?   -  person Davit    schedule 09.08.2019
comment
Это не может быть проблемой с moment.js, потому что дни отображаются для просмотра недели/дня   -  person Oleg    schedule 12.08.2019

Ответы (1)


arrow_upward
2
arrow_downward

Какую версию momnet вы используете? Попробуйте этот фрагмент кода. Я вижу названия дней в заголовке.

(function($) {
  $(document).ready(function() {
    var fullcalendar = $('#calendar').fullCalendar({

      defaultView: 'month',
      weekNumbers: true,
      selectable: true,
      selectHelper: true,
      selectOverlap: false,
      timeFormat: 'H:mm',
      firstDay: 1,
      views: {
        month: {
          columnHeaderFormat: 'ddd'
        }
      },


      header: {
        right: 'prev,next today',
        left: 'title',
        center: 'month,agendaWeek,agendaDay'
      }
    });
  });
})(jQuery)
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.css" rel="stylesheet" />
<div id="calendar"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js"></script>

person Davit    schedule 09.08.2019
comment
Это сработало для меня. Проблема была с источниками FullCalendar, которые я использовал. Как только я заменил последнюю зависимость официальной CDN, она заработала нормально. Спасибо за подсказку - person Oleg; 12.08.2019