laravel中的事件不会显示在完整日历中

时间:2017-09-11 17:08:31

标签: php laravel-5 calendar fullcalendar

我需要帮助,我正在开发laravel的开源项目,这是一个预订房间系统,每件事情都运作良好,但在完整的日历脚本中有一些东西我无法看到我创建的事件,但是当我看到源页面我正确地看到了事件,但它没有在日历中显示

这是预订索引页面,其中包含完整日历的脚本代码:

@inject('request', 'Illuminate\Http\Request')
@extends('layouts.app')

@section('content')
    <h3 class="page-title">@lang('quickadmin.bookings.title')</h3>
    @can('booking_create')
    <p>
        <a href="{{ route('admin.bookings.create') }}" class="btn btn-success">@lang('quickadmin.qa_add_new')</a>

    </p>
    @endcan
         <link href='//fonts.googleapis.com/css?family=Lato:100,400,700' rel='stylesheet' />
        <link href='https://fullcalendar.io/css/base.css?3.5.1-1.7.1-1' rel='stylesheet' />
        <link rel='stylesheet' href='https://fullcalendar.io/js/fullcalendar-3.5.1/fullcalendar.min.css' />


    <div id='calendar'></div>

@stop

@section('javascript') 
  <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script src='https://fullcalendar.io/js/fullcalendar-3.5.1/fullcalendar.min.js'></script>
    <script src='https://fullcalendar.io/js/home.js?3.5.1-1.7.1-1'></script>

    <script>
       $(document).ready(function(){
        $('#calendar').fullcalendar({
            defaultView: 'agendaWeek',
           editable: true,
           events:[
                @foreach($bookings as $booking)
                {
                    title:'{{$booking->room->name.' '.$booking->room->notes}}',    
                    start:'{{$booking->date.' '.$booking->start_time}}',
                    finish:'{{$booking->date.' '.$booking->finish_time}}',
                    url :'{{route('admin.bookings.edit',$booking->id)}}'    
                },
                @endforeach
                ] 
        })
     });

    </script>
@endsection

这是预订控制器:

<?php

namespace App\Http\Controllers\Admin;

use App\Booking;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Gate;
use App\Http\Controllers\Controller;
use App\Http\Requests\Admin\StoreBookingsRequest;
use App\Http\Requests\Admin\UpdateBookingsRequest;

class BookingsController extends Controller
{
    /**
     * Display a listing of Booking.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        if (! Gate::allows('booking_access')) {
            return abort(401);
        }


        if (request('show_deleted') == 1) {
            if (! Gate::allows('booking_delete')) {
                return abort(401);
            }
            $bookings = Booking::onlyTrashed()->get();
        } else {
            $bookings = Booking::all();
        }

        return view('admin.bookings.index', compact('bookings'));
    }

    /**
     * Show the form for creating new Booking.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        if (! Gate::allows('booking_create')) {
            return abort(401);
        }

        $rooms = \App\Room::get()->pluck('name', 'id')->prepend(trans('quickadmin.qa_please_select'), '');

        return view('admin.bookings.create', compact('rooms'));
    }

    /**
     * Store a newly created Booking in storage.
     *
     * @param  \App\Http\Requests\StoreBookingsRequest  $request
     * @return \Illuminate\Http\Response
     */
    public function store(StoreBookingsRequest $request)
    {
        if (! Gate::allows('booking_create')) {
            return abort(401);
        }
        $booking = Booking::create($request->all());



        return redirect()->route('admin.bookings.index');
    }


    /**
     * Show the form for editing Booking.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function edit($id)
    {
        if (! Gate::allows('booking_edit')) {
            return abort(401);
        }

        $rooms = \App\Room::get()->pluck('name', 'id')->prepend(trans('quickadmin.qa_please_select'), '');

        $booking = Booking::findOrFail($id);

        return view('admin.bookings.edit', compact('booking', 'rooms'));
    }

    /**
     * Update Booking in storage.
     *
     * @param  \App\Http\Requests\UpdateBookingsRequest  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(UpdateBookingsRequest $request, $id)
    {
        if (! Gate::allows('booking_edit')) {
            return abort(401);
        }
        $booking = Booking::findOrFail($id);
        $booking->update($request->all());



        return redirect()->route('admin.bookings.index');
    }


    /**
     * Display Booking.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function show($id)
    {
        if (! Gate::allows('booking_view')) {
            return abort(401);
        }
        $booking = Booking::findOrFail($id);

        return view('admin.bookings.show', compact('booking'));
    }


    /**
     * Remove Booking from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        if (! Gate::allows('booking_delete')) {
            return abort(401);
        }
        $booking = Booking::findOrFail($id);
        $booking->delete();

        return redirect()->route('admin.bookings.index');
    }

    /**
     * Delete all selected Booking at once.
     *
     * @param Request $request
     */
    public function massDestroy(Request $request)
    {
        if (! Gate::allows('booking_delete')) {
            return abort(401);
        }
        if ($request->input('ids')) {
            $entries = Booking::whereIn('id', $request->input('ids'))->get();

            foreach ($entries as $entry) {
                $entry->delete();
            }
        }
    }


    /**
     * Restore Booking from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function restore($id)
    {
        if (! Gate::allows('booking_delete')) {
            return abort(401);
        }
        $booking = Booking::onlyTrashed()->findOrFail($id);
        $booking->restore();

        return redirect()->route('admin.bookings.index');
    }

    /**
     * Permanently delete Booking from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function perma_del($id)
    {
        if (! Gate::allows('booking_delete')) {
            return abort(401);
        }
        $booking = Booking::onlyTrashed()->findOrFail($id);
        $booking->forceDelete();

        return redirect()->route('admin.bookings.index');
    }
}

这是预订模式:

<?php
namespace App;

use Illuminate\Database\Eloquent\Model;
use Carbon\Carbon;
use Illuminate\Database\Eloquent\SoftDeletes;

/**
 * Class Booking
 *
 * @package App
 * @property string $room
 * @property string $booking_name
 * @property string $start_time
 * @property string $finish_time
 * @property string $phone
 * @property string $email
 * @property string $notes
*/
class Booking extends Model
{
    use SoftDeletes;

    protected $fillable = ['booking_name', 'start_time', 'finish_time', 'phone', 'email', 'notes', 'room_id'];


    /**
     * Set to null if empty
     * @param $input
     */
    public function setRoomIdAttribute($input)
    {
        $this->attributes['room_id'] = $input ? $input : null;
    }

    /**
     * Set attribute to date format
     * @param $input
     */
    public function setStartTimeAttribute($input)
    {
        if ($input != null && $input != '') {
            $this->attributes['start_time'] = Carbon::createFromFormat(config('app.date_format') . ' H:i:s', $input)->format('Y-m-d H:i:s');
        } else {
            $this->attributes['start_time'] = null;
        }
    }

    /**
     * Get attribute from date format
     * @param $input
     *
     * @return string
     */
    public function getStartTimeAttribute($input)
    {
        $zeroDate = str_replace(['Y', 'm', 'd'], ['0000', '00', '00'], config('app.date_format') . ' H:i:s');

        if ($input != $zeroDate && $input != null) {
            return Carbon::createFromFormat('Y-m-d H:i:s', $input)->format(config('app.date_format') . ' H:i:s');
        } else {
            return '';
        }
    }

    /**
     * Set attribute to date format
     * @param $input
     */
    public function setFinishTimeAttribute($input)
    {
        if ($input != null && $input != '') {
            $this->attributes['finish_time'] = Carbon::createFromFormat(config('app.date_format') . ' H:i:s', $input)->format('Y-m-d H:i:s');
        } else {
            $this->attributes['finish_time'] = null;
        }
    }

    /**
     * Get attribute from date format
     * @param $input
     *
     * @return string
     */
    public function getFinishTimeAttribute($input)
    {
        $zeroDate = str_replace(['Y', 'm', 'd'], ['0000', '00', '00'], config('app.date_format') . ' H:i:s');

        if ($input != $zeroDate && $input != null) {
            return Carbon::createFromFormat('Y-m-d H:i:s', $input)->format(config('app.date_format') . ' H:i:s');
        } else {
            return '';
        }
    }

    public function room()
    {
        return $this->belongsTo(Room::class, 'room_id')->withTrashed();
    }

}

这是预订路线:

Route::resource('bookings', 'Admin\BookingsController');
    Route::post('bookings_mass_destroy', ['uses' => 'Admin\BookingsController@massDestroy', 'as' => 'bookings.mass_destroy']);
    Route::post('bookings_restore/{id}', ['uses' => 'Admin\BookingsController@restore', 'as' => 'bookings.restore']);
    Route::delete('bookings_perma_del/{id}', ['uses' => 'Admin\BookingsController@perma_del', 'as' => 'bookings.perma_del']);

已更新

这是我在查看页面来源时显示的结果:

 <script>
       $(document).ready(function(){
        $('#calendar').fullcalendar({
            defaultView: 'agendaWeek',
           events:[
                                {
                    title:'room one hy',    
                    start:' 15-09-2017 06:00:00',
                    finish:' 16-09-2017 09:00:00',
                    url :'http://127.0.0.1:8000/admin/bookings/5/edit'    
                },
                                {
                    title:'room one hy',    
                    start:' 13-09-2017 07:00:00',
                    finish:' 13-09-2017 10:00:00',
                    url :'http://127.0.0.1:8000/admin/bookings/6/edit'    
                },
                                {
                    title:'room one hy',    
                    start:' 27-09-2017 07:11:00',
                    finish:' 29-09-2017 09:13:00',
                    url :'http://127.0.0.1:8000/admin/bookings/7/edit'    
                },
                                {
                    title:'room one hy',    
                    start:' 27-09-2017 07:00:00',
                    finish:' 30-09-2017 08:00:00',
                    url :'http://127.0.0.1:8000/admin/bookings/8/edit'    
                },
                                {
                    title:'room one hy',    
                    start:' 04-10-2017 04:00:00',
                    finish:' 04-10-2017 09:00:00',
                    url :'http://127.0.0.1:8000/admin/bookings/9/edit'    
                },
                                ] 
        })
     });

1 个答案:

答案 0 :(得分:0)

对于初学者as per documentation,每个end属性定义一个事件的结束时间。

此外,我不确定您的'{{$booking->date.' '.$booking->start_time}}'行是否会为您提供类似'Y-m-d Y-m-d H:i:s'的格式(因为您已经从中返回了完整的 datetime 字符串{ {1}}和start_time属性)。

最后,您的finish_time行似乎没有很大的目的。我看到你想要去的地方,但是这条线只会给你一些类似'0000-00-00 H:i:s'的东西,我怀疑这是你在检查一个空的日期值时所需要的(而不是你应该在该数据库字段上使用nullable并在 getMutator 中检查它。