每天在Fullcalland中展示可用的房间和预订房间

发布于 2025-02-10 16:14:42 字数 1543 浏览 0 评论 0原文

我试图使用Laravel和Fullcalander创建酒店房间预订系统。

我目前正在使用一种颜色和另一种颜色的预订房间在酒店展示所有房间。我使用2个JSON对象收到了这些数据。我需要知道的是如何仅展示可用的房间和预订房间，设有所有房间和预订房间。（这是我在Laravel中的第一个项目）

这是控制器

 $booked_rooms = array();
    $bookings = Booking::all();
   
    
    foreach($bookings as $booking){

       $booked_rooms[]=[

       'title'=>$booking->room_number,
       'start'=>$booking->checkin_date,
       'end'=>$booking->checkout_date
       

       ];

    }

   
    $available_rooms = array();
    $rooms = tbl_room::all();
    foreach($rooms as $room){

        $available_rooms[]=[

        'title'=>$room->room_number,
        'start'=>'2022-01-01',
        'end'=>'2023-06-16'
       
        
        ];
     }

    return view('calander.view_calander',['booked_rooms'=>$booked_rooms],['available_rooms'=>$available_rooms]);

这是我的脚本

<script>
     var available_rooms  = @json($available_rooms);
     var booked_rooms  = @json($booked_rooms);
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calander');

var calendar = new FullCalendar.Calendar(calendarEl, {

eventSources: [
{"events":booked_rooms,
 "color":"green"   
},
{
 "events":available_rooms,
 "color":"brown"
}

]，
}）;

calendar.render();

}）;

原文

i trying to create hotel room booking system using laravel and fullcalander.

i am currently displaying all rooms in the hotel using one color and booked rooms in another color.
i recieved those data using 2 json objects. i need to know is how to display only available rooms and booked rooms insted display all rooms and booked rooms. (this is my first project in laravel)

this is controller

 $booked_rooms = array();
    $bookings = Booking::all();
   
    
    foreach($bookings as $booking){

       $booked_rooms[]=[

       'title'=>$booking->room_number,
       'start'=>$booking->checkin_date,
       'end'=>$booking->checkout_date
       

       ];

    }

   
    $available_rooms = array();
    $rooms = tbl_room::all();
    foreach($rooms as $room){

        $available_rooms[]=[

        'title'=>$room->room_number,
        'start'=>'2022-01-01',
        'end'=>'2023-06-16'
       
        
        ];
     }

    return view('calander.view_calander',['booked_rooms'=>$booked_rooms],['available_rooms'=>$available_rooms]);

this is my script

<script>
     var available_rooms  = @json($available_rooms);
     var booked_rooms  = @json($booked_rooms);
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calander');

var calendar = new FullCalendar.Calendar(calendarEl, {

eventSources: [
{"events":booked_rooms,
 "color":"green"   
},
{
 "events":available_rooms,
 "color":"brown"
}

],
});