如何在完整的日歷中使用HyperLink？

Question

我正在用日歷顯示事件。 它將正確顯示。 但是我希望當我單擊該事件時，它將在特定的event_detail頁面上重定向。

我是拉拉韋爾（Laravel）的初學者，所以大聲請你幫幫我？

這是我的控制器文件

<?php

namespace App\Http\Controllers\Admin;

use Carbon;
use Calendar;
use App\Event;
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;

class CalendarController extends Controller
{

    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('auth');
    }

    /*
    *Display All The Events In Calendar
    *
    */
    public function calendar()
    {
        $event = [];
        $allEvent = Event::all();

        if($allEvent->count())
        {
            foreach ($allEvent as $key => $eventList) 
            {
                $event[] = Calendar::event(
                    $eventList->name,
                    true,
                    new \DateTime($eventList->event_date),
                    new \DateTime($eventList->evet_date)
                );
            }
        }
        $showInCalendar = Calendar::addEvents($event);
        return view('admin.calendar.event_calendar', compact('showInCalendar', 'allEvent'));
    }
}

這是MUY刀片文件

@extends('admin.layout.default')

@section('css')
<link href="{{ url('assets/plugins/calendar/dist/fullcalendar.css') }}" rel="stylesheet" />
@endsection

@section('content')

<div class="row page-titles">
    <div class="col-md-5 col-8 align-self-center">
        <h3 class="text-themecolor">Calendar</h3>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url('/home') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Calendar</li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-lg-12">
        <div class="card card-outline-info">
            <div class="card-body">
                <div class="container">
                    <div class="row justify-content-center">
                        <div id="calendar">                            

                            {!! $showInCalendar->calendar() !!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('jsPostApp')
{!! $showInCalendar->script() !!}
<script src="{{ url('assets/plugins/calendar/jquery-ui.min.js') }}"></script>
<script src="{{ url('assets/plugins/moment/moment.js') }}"></script>
<script src="{{ url('assets/plugins/calendar/dist/fullcalendar.min.js') }}"></script>
<script type="text/javascript">
</script>
@endsection

我不知道如何處理該超鏈接以打開該特定事件的detils頁面。

Answer 1

實現這種行為非常容易。

您將需要在事件對象中設置屬性url 。 擁有后，您可以使用回調eventClick來重定向用戶。 默認情況下， eventClick將始終重定向到url內的url 。

如果要將其顯示在其他選項卡或彈出窗口中，請查看我在此處發布的eventClick鏈接中的“ 取消默認行為 ”部分。

Answer 2

好吧，我找到了解決方案

public function calendar()
    {
        $event = [];
        $allEvent = Event::all();

        if($allEvent->count())
        {
            foreach ($allEvent as $key => $eventList) 
            {
                $event[] = Calendar::event(
                    $eventList->name,
                    true,
                    new \DateTime($eventList->event_date),
                    new \DateTime($eventList->event_date),
                    null,
                    [
                        'url' => 'event/' .$eventList->id,
                    ]

                );
            }
        }