FullCalendar

by betbest

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/main.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/main.js"></script>
 <div id='calendar'></div>

JavaScript

calendarEl = document.getElementById('calendar');
    
    calendar = new FullCalendar.Calendar(calendarEl, {
    headerToolbar: {
        left: 'prev,next today',
        center: 'title',
        right: ''
      },
        eventClick: function (info) {
            spinnerVisible(false);
            var diaTexto = eventos.filter(function (event) {
                return event.id == info.event.extendedProps.dia                
            });
            
            $("#horario-atencion-id").text(formModalEditDetalleSucursal.Descripcion.value);
           
            currentStart = info.start;
            currentEnd = info.end;
            var startHour = info.event.start.getHours();
            var startMin = info.event.start.getMinutes();

            var endHour = info.event.end.getHours();
            var endMin = info.event.end.getMinutes();

            formModalTipoNormal.startHour.value = startHour
            formModalTipoNormal.startMin.value = startMin

            formModalTipoNormal.endHour.value = endHour
            formModalTipoNormal.endMin.value = endMin
            
            formModalTipoNormal.cantidadPedidos.value = info.event.extendedProps.cantidadPedidos

            currentDay = { startHour: startHour, startMin: startMin, endHour: endHour, endMin: endMin, id: info.event.id, dia: info.event.extendedProps.dia}

            formModalTipoNormal.popup.show(true);
            $("#diaTexto").text(diaTexto[0].title);
            var tipoHorarioTexto = formModalTipoNormal.tiposHorario.selectedItem.Descripcion;
            $("#tipoHorarioTexto").text(tipoHorarioTexto);
            configButtonsUpdate();
            costoGridView();
            let idTipoHorario = formModalTipoNormal.tiposHorario.selectedItem.Id
            if (idTipoHorario == app.TipoDelivery) {
                obtenerSucursalCostoEntrega(info.event.id);
            }
            
            seccionCostoEntregaVisibility();
            cambiarIconoButtonUp();
           ...