如何在 Laravel 8 中为完整的日历 JS 插件添加额外的字段值

Posted 2023-03-21

【中文标题】如何在 Laravel 8 中为完整的日历 JS 插件添加额外的字段值

【英文标题】：How to add extra field value to the full calendar JS plugin in Laravel 8

【发布时间】：2021-12-16 21:07:34

【问题描述】：

从数据库中获取值的控制器函数

public function index(Request $request)

    $getEvents2 = DB::table("appointments_tbl")
        ->join("patients_tbl", function($join)
            $join->on("appointments_tbl.patient_id", "=", "patients_tbl.id");
            )
        ->select("appointments_tbl.start_time","appointments_tbl.end_time", "patients_tbl.status", "patients_tbl.first_name")
        ->get();
        
    $events = [];

    foreach ($getEvents2 as $values) 
        $event = [];
        $event['title'] = $values->first_name;
        $event['status'] = $values->status;
        $event['start'] = $values->start_time;
        $event['end'] = $values->end_time;
        $events[] = $event;
    

    return $events;

在FullCalendar初始化函数中，添加了追加状态字段值的函数。

events: 'getEvents',
            eventDidMount: function(event) 
                $('.fc-event-time').append("<br/>" + event.status);
            ,

输出未定义

【问题讨论】：

added the function to append the status field value...是吗？因为您显示的代码似乎只附加了标题（默认情况下已经存在）。

如果您想获取状态值，请阅读fullcalendar.io/docs/event-parsing 并特别注意名为“任何其他属性”的部分以及关于这些属性将放置在已解析事件对象中的位置的说明.

另外，您使用 $('.fc-event-time') 意味着数据被附加到 每个 事件，而不仅仅是 eventDidMount 当前正在执行的事件。方便地，您需要包含当前事件的元素是available in the callback arguments，因此您可以直接定位它。

嗨@ADyson，你的cmets帮了我很多。现在 status 的值越来越正确。但我不知道如何只显示其各自的数据，目前所有事件数据都显示在所有事件中。 events: 'getEvents', eventDidMount: function(info) var statusText = info.event.extendedProps.status; $('.fc-event-time').append("<br/>" + statusText); ,mycode.

【参考方案1】：

这就是答案

            events: 'getEvents',
            eventDidMount: function(info) 
                var statusText = info.event.extendedProps.status;
                $(info.el).find('.fc-event-time').append("<br/>" + statusText);
            ,

非常感谢您的帮助！