Кнопка «День» и «Неделя» не отображается - PullRequest
Новая
       21

Кнопка «День» и «Неделя» не отображается

0 голосов
/ 10 мая 2019

Я использую fullcalendar с angularjs для отображения событий. В настоящее время просмотр месяца работает правильно. Но кнопка дня и неделя не отображаются в пользовательском интерфейсе. В левой и правой сторонах только сегодня отображаются кнопки «назад» и «далее». Я не могу понять причину для этого. Пожалуйста, найдите код ниже.

view.html 

<html>
<head>
<link rel="stylesheet" href="../fullcalendar-4.1.0/packages/core/main.css"></script>
<link rel="stylesheet" href="../fullcalendar-4.1.0/packages/daygrid/main.css"></script>
<link rel="stylesheet" href="../fullcalendar-4.1.0/packages/list/main.css"></script>
<link rel="stylesheet" href="../fullcalendar-4.1.0/packages/timegrid/main.css"></script>
<script type="text/javascript" src="../fullcalendar-4.1.0/packages/core/main.js"></script>
    <script type="text/javascript" src="../fullcalendar-4.1.0/packages/daygrid/main.js"></script>
    <script type="text/javascript" src="../fullcalendar-4.1.0/packages/timegrid/main.js"></script>
    <script type="text/javascript" src="../fullcalendar-4.1.0/packages/list/main.js"></script>
</head>
<script>
$scope.event = {events: [{
            title:'test1',
            start: '2019-05-05 08:00',
            end: '2019-05-10 08:00'
          },
          {
            title:'test2',
            start: '2019-05-05 12:00'
        }]};
    var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {
            events: $scope.event.events,
            plugins: [ 'dayGrid','timeGrid','list' ],
            header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
}
        });
        calendar.render();
    });
</script>
<body ng-app="myApp" ng-controller="myController">
   <div id="calendar" ng-model="eventSources"></div>    
</body>
</html>

1 Ответ

1 голос
/ 10 мая 2019

Вы можете добавить следующие строки кода в свой скрипт, чтобы отобразить представление дня и недели. 

header: {
    left: 'prev,next today',
    center: 'title',
    right: 'dayGridMonth,dayGridWeek,timeGridDay'
}

Причиной изменения правильных полей свойств является повестки дня недели, слова повестки дня не поддерживаются в последних версиях.выпуск FullCalendar

...