时间戳

首页 > 解决方案 > FullCalendar - 删除事件中的点

laravel - FullCalendar - 删除事件中的点

问题描述

如何删除事件开始时间左侧的点？似乎无法在 FullCalendar 的文档中找到它

FullCalendar 设置的完整 JS 代码（这都在 JQuery 函数语句下） 

$('#calendar').fullCalendar({      
    defaultDate: "{{ $month_year->format('Y-m') }}",
    defaultView: 'month',
    displayEventTime: true,
    showNonCurrentDates: false,
    eventWidth: "100%",
    eventHeight: "100px",
    timeFormat: 'H:mm',
    header: {
        left: '',
        center: '',
        right: ''
    },

    eventClick: function(jsEvent) {
        $('#m_modalCal_' + jsEvent['id']).modal("show");
    },

    events: [
        @php foreach($trainings as $training)
            { 

                $dateTimeStart = $training->start_date->format('Y-m-d ').Carbon::parse($training->start_time)->format('H:i:s');
                $dateTimeEnd = $training->start_date->format('Y-m-d ').Carbon::parse($training->end_time)->format('H:i:s');
        @endphp
                {
                    id: "{{ $training->id }}",
                    title: "{{ $training->title }}",
                    start: "{{ $dateTimeStart }}",
                    end: "{{ $dateTimeEnd }}",

                    @if($training->type_id == 1)
                    color: "#C0FFEE",
                    textColor: "black",
                    @elseif($training->type_id == 2)
                    color: "#E8D091",
                    textColor: "black",
                    @else
                    color: "#A491E8",
                    textColor: "black",
                    @endif

                    @if($training->status == 2)
                    color: "gray",
                    textColor: "black",
                    @endif
                },
        @php } @endphp
    ],
  })

标签： laravelfullcalendar

解决方案

在 fullcalendar v5 中，您可以设置eventDisplay / event.display显示为块，不显示事件点。

$('#calendar').fullCalendar({      
  //...
  eventDisplay: 'block',
  //...
})

另外：请参阅有关 daygrid 事件的升级说明（v4 到 v5）。

或者，明确地隐藏点：

#calendar .fc-daygrid-event-dot {
  display: none;
}

推荐阅读