fullcalendar jquery

[Montes28]

Hola amigos del foro estoy trabajando este calendario ya inserto,consulto ,modifico y elimino eventos en una base de datos, pero necesito implementar eventDrop y que lo pueda guardar en la base de datos

en el demo esta el siguiente codigo

Código Javascript:

eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days\n' +
                    '(should probably update your database)');
            },
 

como hago para guardar los datos en la base de datos

[maycolalvarez]

la pregunta es:

¿que base de datos?, ¿es local (html5 local storage)?, ¿es remota, y si es así, que script del server usas?

[Montes28]

maycolalvarez gracias por responder

la base de datos que utilizo es postgresql ,utilizo php ,cliente servidor.

y este es el codigo javascript que esta al lado del cliente

Código Javascript:

$(document).ready(function() {
    
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        
        var calendar = $('#calendar').fullCalendar({
         viewDisplay: function (element) {
 
    },
        
        theme: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            selectable: true,
            selectHelper: true,
            select: function(start, end, allDay) {
                var title = prompt('Evento:');
                if (title) {
                    $.ajax({
                         url:'archivo.php',
                         type:'post',
                         data:{
                            title: title,
                            start: start.toUTCString(),
                            end: end.toUTCString(),
                            allDay: allDay,
                            }
                        
                    }).done(function(data) {
                    //alert("Datos guardados, respuesta: " + end);
                    });
                    
                    
                    calendar.fullCalendar('renderEvent',
                      //calendar.fullCalendar('refetchEvents',
                        {
                            
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay,
                        
                            
                        },
                        true // make the event "stick"/ make the event "stick"
                        
                    );
                }
                calendar.fullCalendar('unselect');
                
            },
            
            disableDragging:false,
            disableResizing:true,
            editable: true,
            events: "eventos.php",
.........
........
........
 

con el siguiente codigo php inserto el evento en la base de datos

Código PHP:

$title = $_POST['title'];
$allDay = urldecode($_POST['allDay']);
 
$fecha_ini=urldecode($_POST['start']);
$fecha = date_create($fecha_ini);
$fechaFormateada=date_format($fecha, 'Y-m-d H:i:s');
$fechaRestada = date('Y-m-d H:i:s',  strtotime($fechaFormateada.' -5 hour'));
 
$fecha_fin=urldecode($_POST['end']);
$fechaf = date_create($fecha_fin);
$fechaFormateadaf=date_format($fechaf, 'Y-m-d H:i:s');
$fechaRestadaf = date('Y-m-d H:i:s',  strtotime($fechaFormateadaf.' -5 hour'));
 
$servidor = 'localhost';
$bd = 'calendario';
$usuario = 'postgres';
$contrasenia = 'hoe798cs';
    
global $servidor, $bd, $usuario, $contrasenia;
$db = new PDO('pgsql:host=' . $servidor . ';dbname=' . $bd, $usuario, $contrasenia);
 
 
$consulta = $db->prepare("INSERT INTO eventos (id_evento,titulo,prueba,inicio,fin) 
                                 VALUES (nextval('eventos_id_evento_seq'),'".$title."','$allDay','$fechaRestada','$fechaRestadaf')");
$consulta->execute();
 

tengo un inconveniente con el evento eventDrop y eventResize.

necesito que el calendario pueda aumentar el tamaño del evento y para esto se utiliza eventResize pero no puedo tener el end del evento o sea la fecha final del evento.(para esto utilizaria eventResize).

y con eventDrop poder arrastrar los eventos a otro dia.

fullcalendar tiene la vista de todo el mes , semana y diario

un evento puede ser para todo el dia o para un intervalo de tiempo (horas)

tengo invonveniente con estos dos eventos eventDrop y eventResize para guardar en la base de datos.




http://arshaw.com/fullcalendar/docs/event_ui/eventDrop/

http://arshaw.com/fullcalendar/docs/...i/eventResize/

Código Javascript:

eventDrop: function(event,start,end) {
                     $.ajax({
                         url:'modificar.php',
                         type:'post',
                         data:{
                            title:event.title,
                            //start:event.start,
                            start1:event.start.toUTCString(),
                            allDay:event.allDay,
                            end:event.end,
                            
                            }
                        
                    }).done(function(data) {
                    alert(event.end);
                    calendar.fullCalendar('refetchEvents');
                    });
                    },
 

[Montes28]

amigos del foro alguna idea?

[daviccin]

Hola montes28

Te cuento como lo he hecho. Yo uso Mysql y PHP con fullcalendar y consigo mover y alargar el evento, actualizando la bbdd

Para moverlo usar eventDrop

Código:

eventDrop: function(event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {
// Actualizamos la base de datos 
 var $url_fichero = "";  // Fichero php 
 $.post( $url_fichero,
  { 
      dias: dayDelta, // Dias que desplazas el evento
      minutos :minuteDelta, minutos que desplazas el movimiento 
     id_evento: event.id, // id del evento para poder buscarlo en la bbdd 
}
)
}

Para aumentar el evento es muy parecido

Código:

eventResize: function( event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view ) { 

// Actualizamos la base de datos 
   var $url_fichero = ""; // Fichero php 
    $.post( $url_fichero,
    {
         dias: dayDelta, // Dias que aumentas el evento
         minutos :minuteDelta, // Minutos que aumentas el evento
         id_evento: event.id,  // id del vevento para 
    }
)
}

Espero que te haya servido de ayuda.