📣 Seu anúncio aqui? Anuncie no ForoBeta

Ajuda com fullcalendar

  • Autor Autor Angel Javier
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Angel Javier

Angel Javier

Ómicron
Verificado
Verificación en dos pasos activada
Verificado por Binance
Usuário popular!
Holas colegas de Forobeta, estoy solicitando una ayuda con la librería JS de FullCalendar.

Tengo un calendario,, le he realizado varias modificaciones (que todas mis eventos, siempre se repiran hasta la fecha final, colores, ect).

JavaScript: 
<script>
$(document).ready(function() {
    // Inicializa el calendario
    $('#calendar').fullCalendar({
        defaultView: 'month', // Mostrar la vista mensual por defecto
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay' // Permitir cambiar entre las vistas de mes, semana y día
        },
        locale: 'es', // Establece la localización a español

        events: function(start, end, timezone, callback) {
            var events = [];
            @foreach($events as $event)
                @if($event->due_date && $event->dias)
                    @php
                        $start = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->due_date);
                        $end = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->final_date);
                        $currentDate = clone $start;
                        $dias = explode(',', $event->dias); // Convierte la cadena en un array
                    @endphp
                    @while($currentDate <= $end)
                        @php
                            $dayOfWeek = $currentDate->dayOfWeek;
                        @endphp
                        @if(in_array($dayOfWeek, $dias)) // Usa el array
                            events.push({
                                title: '{{ $event->name }} - {{ $event->grupo }}',
                                start: '{{$currentDate->format('Y-m-d')}}T{{ $event->start }}',
                                end: '{{$currentDate->format('Y-m-d')}}T{{ $event->end }}',
                                url: '{{ url('admin/tasks').'/'.$event->id.'/' }}',
                                color: '{{ $event->grupo == "infantil" ? "blue" : ($event->grupo == "adulto" ? "green" : "") }}'
                            });
                        @endif
                        @php
                            $currentDate->addDay();
                        @endphp
                    @endwhile
                @endif
            @endforeach
            callback(events);
        }
    });
});
</script>


El código superior, me funciona un 99% a lo que tengo, ya que si tengo evento para un día domingo, el mismo no lo muestra.
1699315407812.webp

Vengo de Bing y ChatGPT y ambos se ponen a dar vueltas en círculo.

Los valores de mi base de datos son

due_date = fecha inicio
final_date = fecha final.
start = hora de inicio
end = hora final
dias = días que se repetirá la tarea (donde domingo es igual a 0 y así sucecivamente).

Si alguien puede darme que estoy haciendo mal, sería de gran ayuda
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Inserir CODE, HTML ou PHP: 
<script>
$(document).ready(function() {
    // Inicializa el calendario
    $('#calendar').fullCalendar({
        defaultView: 'month', // Mostrar la vista mensual por defecto
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay' // Permitir cambiar entre las vistas de mes, semana y día
        },
        locale: 'es', // Establece la localización a español

        events: function(start, end, timezone, callback) {
            var events = [];
            @foreach($events as $event)
                @if($event->due_date && $event->dias)
                    @php
                        $start = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->due_date);
                        $end = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->final_date);
                        $currentDate = clone $start;
                        $dias = explode(',', $event->dias); // Convierte la cadena en un array
                    @endphp
                    @while($currentDate <= $end)
                        @php
                            $dayOfWeek = $currentDate->dayOfWeek;
                        @endphp
                        // Verifica si el día actual es domingo (0) o si está incluido en el array de días repetidos
                        @if($dayOfWeek == 0 || in_array($dayOfWeek, $dias))
                            events.push({
                                title: '{{ $event->name }} - {{ $event->grupo }}',
                                start: '{{$currentDate->format('Y-m-d')}}T{{ $event->start }}',
                                end: '{{$currentDate->format('Y-m-d')}}T{{ $event->end }}',
                                url: '{{ url('admin/tasks').'/'.$event->id.'/' }}',
                                color: '{{ $event->grupo == "infantil" ? "blue" : ($event->grupo == "adulto" ? "green" : "") }}'
                            });
                        @endif
                        @php
                            $currentDate->addDay();
                        @endphp
                    @endwhile
                @endif
            @endforeach
            callback(events);
        }
    });
});
</script>

Prueba este
 
juniorav disse:
Inserir CODE, HTML ou PHP: 
<script>
$(document).ready(function() {
    // Inicializa el calendario
    $('#calendar').fullCalendar({
        defaultView: 'month', // Mostrar la vista mensual por defecto
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay' // Permitir cambiar entre las vistas de mes, semana y día
        },
        locale: 'es', // Establece la localización a español

        events: function(start, end, timezone, callback) {
            var events = [];
            @foreach($events as $event)
                @if($event->due_date && $event->dias)
                    @php
                        $start = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->due_date);
                        $end = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->final_date);
                        $currentDate = clone $start;
                        $dias = explode(',', $event->dias); // Convierte la cadena en un array
                    @endphp
                    @while($currentDate <= $end)
                        @php
                            $dayOfWeek = $currentDate->dayOfWeek;
                        @endphp
                        // Verifica si el día actual es domingo (0) o si está incluido en el array de días repetidos
                        @if($dayOfWeek == 0 || in_array($dayOfWeek, $dias))
                            events.push({
                                title: '{{ $event->name }} - {{ $event->grupo }}',
                                start: '{{$currentDate->format('Y-m-d')}}T{{ $event->start }}',
                                end: '{{$currentDate->format('Y-m-d')}}T{{ $event->end }}',
                                url: '{{ url('admin/tasks').'/'.$event->id.'/' }}',
                                color: '{{ $event->grupo == "infantil" ? "blue" : ($event->grupo == "adulto" ? "green" : "") }}'
                            });
                        @endif
                        @php
                            $currentDate->addDay();
                        @endphp
                    @endwhile
                @endif
            @endforeach
            callback(events);
        }
    });
});
</script>

Prueba este
Clique para expandir...
Hola colega, gracias por responder.

utilizando tu código, me duplica los eventos de otros días en el día domingo (en el calendario)
1699317830508.webp


Estos son mis eventos

Y al mostrar el calendario, me los muestra los de Martes y Miercoles en el domingo, pero no el que tengo asignado en domingo (Piano Adulto)
1699317900995.webp
 
JavaScript: 
<script>
$(document).ready(function() {
    // Inicializa el calendario
    $('#calendar').fullCalendar({
        defaultView: 'month', // Mostrar la vista mensual por defecto
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay' // Permitir cambiar entre las vistas de mes, semana y día
        },
        locale: 'es', // Establece la localización a español

        events: [
            @foreach($events as $event)
                @if($event->due_date && $event->dias)
                    @php
                        $start = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->due_date);
                        $end = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->final_date);
                        $dias = explode(',', $event->dias); // Convierte la cadena en un array
                    @endphp
                    @foreach($dias as $dia)
                        {
                            title: '{{ $event->name }} - {{ $event->grupo }}',
                            start: '{{ $start->copy()->next($dia)->format('Y-m-d').' '.$event->start }}',
                            end: '{{ $start->copy()->next($dia)->format('Y-m-d').' '.$event->end }}',
                            url: '{{ url('admin/tasks').'/'.$event->id.'/' }}',
                            color: '{{ $event->grupo == "infantil" ? "blue" : ($event->grupo == "adulto" ? "green" : "") }}'
                        },
                    @endforeach
                @endif
            @endforeach
        ]
    });
});
</script>
 
juniorav disse:
JavaScript: 
<script>
$(document).ready(function() {
    // Inicializa el calendario
    $('#calendar').fullCalendar({
        defaultView: 'month', // Mostrar la vista mensual por defecto
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay' // Permitir cambiar entre las vistas de mes, semana y día
        },
        locale: 'es', // Establece la localización a español

        events: [
            @foreach($events as $event)
                @if($event->due_date && $event->dias)
                    @php
                        $start = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->due_date);
                        $end = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->final_date);
                        $dias = explode(',', $event->dias); // Convierte la cadena en un array
                    @endphp
                    @foreach($dias as $dia)
                        {
                            title: '{{ $event->name }} - {{ $event->grupo }}',
                            start: '{{ $start->copy()->next($dia)->format('Y-m-d').' '.$event->start }}',
                            end: '{{ $start->copy()->next($dia)->format('Y-m-d').' '.$event->end }}',
                            url: '{{ url('admin/tasks').'/'.$event->id.'/' }}',
                            color: '{{ $event->grupo == "infantil" ? "blue" : ($event->grupo == "adulto" ? "green" : "") }}'
                        },
                    @endforeach
                @endif
            @endforeach
        ]
    });
});
</script>
Clique para expandir...
1699318499530.webp
 
JavaScript: 
events: function(start, end, timezone, callback) {
    var events = [];
    @foreach($events as $event)
        @if($event->due_date && $event->dias)
            @php
                $start = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->due_date);
                $end = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->final_date);
                $dias = explode(',', $event->dias); // Convierte la cadena en un array
            @endphp

            @for ($currentDate = $start; $currentDate <= $end; $currentDate->addDay())
                @php
                    $dayOfWeek = $currentDate->dayOfWeek;
                @endphp
                @if(in_array($dayOfWeek, $dias)) // Usa el array
                    events.push({
                        title: '{{ $event->name }} - {{ $event->grupo }}',
                        start: '{{$currentDate->format('Y-m-d')}}T{{ $event->start }}',
                        end: '{{$currentDate->format('Y-m-d')}}T{{ $event->end }}',
                        url: '{{ url('admin/tasks').'/'.$event->id.'/' }}',
                        color: '{{ $event->grupo == "infantil" ? "blue" : ($event->grupo == "adulto" ? "green" : "") }}'
                    });
                @endif
            @endfor

        @endif
    @endforeach
    callback(events);
}
 
Logré solucionarlo de otra manera.
Reasigné el ID del día domingo de 0 a 7, e hice que coincidieran los numeros de Javascript, con los de PHP y quedó funcionando.
JavaScript: 
<script>
$(document).ready(function() {
    // Inicializa el calendario
    $('#calendar').fullCalendar({
        defaultView: 'month', // Mostrar la vista mensual por defecto
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay' // Permitir cambiar entre las vistas de mes, semana y día
        },
        locale: 'es', // Establece la localización a español

        events: function(start, end, timezone, callback) {
            var events = [];
            @foreach($events as $event)
                @if($event->due_date && $event->dias)
                    @php
                        $start = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->due_date);
                        $end = \Carbon\Carbon::createFromFormat(config('panel.date_format'), $event->final_date);
                        $currentDate = clone $start;
                        $dias = explode(',', $event->dias); // Asume que 'dias' es una cadena separada por comas
                        $dias = array_map(function($dia) { return ($dia % 7); }, $dias); // Ajusta los números de los días de la semana para que coincidan con JavaScript
                    @endphp
                
                    @while($currentDate <= $end)
                        @if(in_array($currentDate->dayOfWeek, $dias)) // Asume que 'dias' contiene los números de los días de la semana (0 = domingo, 1 = lunes, ..., 6 = sábado)
                            events.push({
                                title: '{{ $event->name_id }} - {{ $event->grupo }}',
                                start: '{{$currentDate->format('Y-m-d')}}T{{ $event->hora_inicio }}',
                                end: '{{$currentDate->format('Y-m-d')}}T{{ $event->hora_final }}',
                                url: '{{ url('admin/tasks').'/'.$event->id.'/' }}',
                                color: '{{ $event->grupo == "infantil" ? "blue" : ($event->grupo == "adulto" ? "green" : "") }}'
                            });
                        @endif
                        @php
                            $currentDate->addDay();
                        @endphp
                    @endwhile
                @endif
            @endforeach
            callback(events);
        }
    });
});
</script>
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

Armandolqr
Ajuda com fastream
Respostas
3
Visitas
57
andifc
andifc
Jozan
Cómo montar un buen checkout (ayuda para webs de venta serias)
Respostas
3
Visitas
80
Nuraweb
Nuraweb
jobuu
  • Trancado
Solicitado 🚨 Ajuda para denunciar um perfil falso no Facebook 🚨
Respostas
13
Visitas
95
jobuu
jobuu
Culto Gore
Busco ajuda para configurar armazenamento na nuvem para vídeos enviados ao meu fórum XenForo
Respostas
1
Visitas
162
Usuario eliminado 282514
U
Cherryproxy
Como CherryProxy ajuda ao desenvolvimento de IA: Superando limitações e otimizando fluxos de trabalho🌸
Respostas
3
Visitas
35
Cherryproxy
Cherryproxy
Voltar
Topo