Skip to main content
2 de 2
se eliminaron 23 caracteres en el cuerpo
Israel-ICM
  • 3.6k
  • 25
  • 20
  • 26

¿Cómo mostrar imagen en FullCalendar v5 con laravel?

Os comento un poco lo que tengo, tengo el FullCalendar el cual cuando relleno un evento y lo envío por ajax, dentro de todos los datos que envío uno de ellos es la url de una imagen que quiero mostrar, la cuestión es que el envío lo hago perfecto y guardo el registro con la url de la imagen, pero ahora no se como mostrar esa imagen en el evento, había leído que el eventrender en la versión 5 es automático, pero sinceramente no se como utilizarlo... os dejo por aquí los códigos.

Recolección de datos para después enviarlos por Ajax //como he comentado antes esto funciona todo perfecto al igual que el envío de ajax que no lo pondré por no saturar de código la pregunta,

nuevoEvento = {
  barco_id:$('#txtBarcoID').val(),
  title:"ocupado:"+' '+textoMañana+' '+textoTarde,
  user_id:$('#txtUsuarioID').val(),
  start:$('#txtFecha').val(),
  end:$('#txtFecha').val(),
  mañana:$('#txtMañana').val(),
  tarde:$('#txtTarde').val(),
  ultimo_dia:$('#ultimo_dia').val(),
  tipo_bono : $('#tipo_bono').val(),
  image_url:{{ asset('imagenes/reservas/mañana-tarde.png') }},

  '_token':$("meta[name='csrf-token']").attr("content"),
  '_method':method,
}


return (nuevoEvento);

Y en este apartado lo que hago es primero con el controller devolver los eventos y recogerlos en full calendar para mostrar los eventos, en este apartado es donde he intentado meterle la url de la imagen al evento que le toca que se supone que se meter automático con la renderización en la versión 5.. pero no se como funciona, espero que me podáis echar una ayuda muchísimas gracias de antemano.

Controller

public function show()
{
    $data['reservas']= Reserva::all();
    return response()->json($data['reservas']);
    // print_r($data);
}

Función FULLCALENDAR: Esto muestra todos los eventos que existen en la base perfectamente solo necesito mostrar la imagen que tiene cada evento asociada en la columna image_url.

var calendar = new FullCalendar.Calendar(calendarEl, {
  schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
  // initialView: 'timeGridDay',
  initialView: 'dayGridMonth',
  headerToolbar: {
      left: 'prev,next today MiBoton',
      center: 'title',
  },
  firstDay: 1,
  events:"{{url('/reservas/show')}}",
});