fullcalendar jquery

[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');
                    });
                    },