时间戳

首页 > 解决方案 > 如何使用同一时间合并完整日历中的事件，并且我对 timegridview 有问题，即使我有时间它也只是保存在 alldayslot 中

mysql - 如何使用同一时间合并完整日历中的事件，并且我对 timegridview 有问题，即使我有时间它也只是保存在 alldayslot 中

问题描述

这是我的 FullCalendar 代码。allDaySlot 是假的，但是当我把它变成真时，即使我有时间，我节省的所有时间都会流逝。我希望你能帮助我解决我的情况。提前谢谢你：D

                     <!DOCTYPE html>
              <html lang='en'>
                <head>
                  <meta charset='utf-8' />
                  <link href='https://cdn.jsdelivr.net/npm/fullcalendar@5.6.0/main.css' rel='stylesheet' />
                  <script src='https://cdn.jsdelivr.net/npm/fullcalendar@5.6.0/main.js'></script>
                  
                  <script>

                    document.addEventListener('DOMContentLoaded', function($) {
                      var calendarEl = document.getElementById('calendar');
                      var calendar = new FullCalendar.Calendar(calendarEl, {
                        initialView: 'timeGridWeek',
                        editable: true,  
                        dayMaxEvents: true,
                        allDaySlot: false,
                        headerToolbar: {
                          left: 'prev,next today',
                          center: 'title', 
                          },
                          timeZone: 'UTC',
                          events: [
                            @foreach($workingHours as $workinghour)
                              {   
                                  title : '‎‎‎‎ Time: '+'{{ $workinghour->start_time }}'+'-'+'{{ $workinghour->finish_time }}',
                                  start : '{{ $workinghour->date }}',
                                  url:    "{{ route('admin.working-hours.edit', [$workinghour]) }}",
                              },
                              @endforeach 
                              
                          ],  
                      });
                      calendar.render();
                    });

                  </script>
                </head>
                <body>
                  <div id='calendar'></div>
                  <style>
                  #calendar {
                      width: 100%;
                      margin:20px auto;
                  }
                  </style>
                </body>
              </html>

标签： mysqlfullcalendarfullcalendar-scheduler

解决方案

推荐阅读