Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

212
Vistas
mostrar habitaciones disponibles y habitaciones reservadas en cada día en fullcalander

Estoy tratando de crear un sistema de reserva de habitaciones de hotel usando laravel y fullcalander. ingrese la descripción de la imagen aquí

actualmente estoy mostrando todas las habitaciones del hotel usando un color y las habitaciones reservadas en otro color. Recibí esos datos usando 2 objetos json. Lo que necesito saber es cómo mostrar solo las habitaciones disponibles y las habitaciones reservadas, en lugar de mostrar todas las habitaciones y las habitaciones reservadas. (este es mi primer proyecto en laravel)

este es el controlador

 $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]);

este es mi guion

 <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();

});

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda