Laravel 5.7 Fullcalendar - 带参数的dayclick路由

Question

我只是在 Fullcalendar 中单击一天时尝试传递带有参数的链接（例如 route('reservation.create')。参数是“verhicle_id”、“user_id”和日期。

我有以下代码（reservationController）：

public function booking($id) {
  $reservations = Reservation::where('vehicle_id', $id)->get();
  return view('reservations.index')->with('reservations', $reservations);
}

index.blade.php

@extends('layouts.app')
@section('content')
  <div class="section container">
    <h1>Calendar</h1>
    <div id="calendar" class="tooltipped"></div>
  </div>
@endsection
@section('scripts')

var data = [
    @foreach($reservations as $reservation)
    {
        title : '{{ $reservation->vehicle->name }}',
        start : '{{ $reservation->start_date }}',
        description: '{{ $reservation->vehicle->location->name }} <br>Reservation from: {{ $reservation->user->name }}',
        color: '{{ $reservation->vehicle->color }}',
        url : '{{ route('reservations.edit', $reservation->id) }}'
    },
    @endforeach
];
$(document).ready(function() {

    // page is now ready, initialize the calendar...
    $('#calendar').fullCalendar({
        // put your options and callbacks here
        events: data,
            dayClick: function(date, allDay, jsEvent, view) {
                //here I want to link to CRUD reservations.create with parameter vehicle_id, user_id and date clicked
            },


        eventRender: function (event, element) {
            element.tooltip({
                position: 'top',
                html: event.title + "<br>" + event.description,
                trigger: 'hover'
            });
        }
    });

});
@endsection

但我在这段代码中没有关于vehicle_id 和user_id 的信息或访问权限。 我将如何自定义接收此信息的代码。 我不想让它变成模态的。

我想这样做的原因是用户不再需要在创建表单中指定这些数据（隐藏字段）。

对不起，我的英语很差。我希望每个人都可以帮助我。 问候 迪米

Answer 1

@ADyson：感谢您的评论。

我有一个关于我的问题的解决方案。它对我有用。但它对我来说是一个原型。

reservationsController：

public function booking($id)
{
    $user_id = 2;
    $reservations = Reservation::where('vehicle_id', $id)->get();
    return view('reservations.index')->with(['reservations' => $reservations, 'vehicleid' => $id, 'userid' => $user_id]);
}

public function store(Request $request)
{
    $reservation = new Reservation;
    $reservation->user_id = $request->input('userid');
    $reservation->vehicle_id = $request->input('vehicleid');
    $reservation->budget_id = $request->input('budget');
    $reservation->start_date = $request->input('date');
    $reservation->end_date = $request->input('date');
    $reservation->save();
    return redirect()->route('reservations.booking', ['id' => $reservation->vehicle_id]);
}

index.blade.php（我在物化中使用了 modal）

@extends('layouts.app')
@section('content')
<div class="section container">
    <h1>Calendar</h1>
    <div id='calendar' class="tooltipped"></div>
    <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>
    <!-- Modal Structure -->
    <div id="modal1" class="modal">
      <div class="modal-content">
      <h1>Create Reservation</h1>
        <form class="col s6" action="{{route('reservations.store')}}" method="POST">
        @csrf
        <div class="input-field col s12">
            <select name="budget">
              <option value="1">Budget 1</option>
              <option value="2">Budget 2</option>
              <option value="3">Budget 3</option>
            </select>
            <label>Budget</label>
        </div>
          <input readonly value="" name="vehicleid" id="vehicleid" type="hidden">
          <input readonly value="" name="userid" id="userid" type="hidden">
          <input readonly value="" name="date" id="date" type="hidden">
  </div>
  <div class="modal-footer">
        <button class="btn waves-effect waves-light" type="submit" name="action">Submit
        </button>
    </form>
      </div>
    </div>
</div>
@endsection
    @section('scripts')

    var data = [
        @foreach($reservations as $reservation)
        {
            title : '{{ $reservation->vehicle->name }}',
            start : '{{ $reservation->start_date }}',
            description: '{{ $reservation->vehicle->location->name }} <br>Reserviert: {{ $reservation->user->name }} <br>Seats: {{ $reservation->vehicle->seats }} ',
            color: '{{ $reservation->vehicle->color }}',
            url : '{{ route('reservations.edit', $reservation->id) }}'
        },
        @endforeach
    ];
    $(document).ready(function() {
        @isset($vehicleid)
            var vehicleid = {{$vehicleid}};
        @endisset
        @isset($userid)
            var userid = {{$userid}};
        @endisset
        // page is now ready, initialize the calendar...
        $('#calendar').fullCalendar({
            // put your options and callbacks here
            events: data,
                dayClick: function(date, allDay, jsEvent, view) {
// above I filled the value in the form hidden fields
                    $('#vehicleid').val(vehicleid);
                    $('#userid').val(userid);
                    $('#date').val(date.format());
                    $('#modal1').modal('open');
                    $('.trigger-modal').modal();
                },


            eventRender: function (event, element) {
                element.tooltip({
                    position: 'top',
                    html: event.title + "<br>" + event.description,
                    trigger: 'hover'
                });
            }
        });

    });
@endsection

如果有人有更好的解决方案，请告诉我。 问候 迪米