0

我将 fullcalendar 与 angularjs 一起使用，当我按如下方式传递事件时，它无法正确显示在日历中

<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.calendarEl = "";
 $scope.calendar = "";
$scope.event = {events: [{
            title:'test1',
            start: '2019-05-05 21:00',
            end: '2019-05-06 00:00'
          },
          {
            title:'test2',
            start: '2019-05-05 12:00'
        }]};
    $scope.calendarEl = document.getElementById('calendar');

        $scope.calendar = new FullCalendar.Calendar($scope.calendarEl, {
            events: $scope.event.events,
            plugins: [ 'dayGrid','timeGrid','list' ]
        });
         $scope.calendar.render();
    });
</script>
<body ng-app="myApp" ng-controller="myController">
   <div id="calendar" ng-model="eventSources"></div>    
</body>
</html>

因此，当日历同时显示这两个事件时，带有test1 的事件标题不会同时突出显示第 5 天和第 6 天。它只突出显示第 5 天。但如果我将开始时间添加为 00:30，那么它会正确突出显示这两天。我该如何克服这个问题？

4

0 回答 0