2014-07-02 38 views
0

有没有办法用datetimepicker添加事件到fullcalendar(http://trentrichardson.com/examples/timepicker/)?
我需要一个按钮来显示datetimepicker onclick,然后用户可以选择日期和时间并将其插入与fullcalendar连接的数据库中。用datetimepicker添加fullcalendar事件

这是我fullcalendar代码(一部分):

events: { 
    url: 'events.php', 
    cache: true, 
    type: 'POST', 
    data:{userid:uid} 
}, 

eventRender: function(event, element, view) { 
    if(event.status == 'open') { 
     element.css('background-color', 'green'); 
    } 
}, 
selectable: true, 
selectHelper: true, 
select: function(start, end, allDay) { 
    var status = 'open'; 
    var userid= <?php echo "$userid"; ?>; 
    if (status) { 
     var start = $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss"); 
     var end = $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm:ss"); 
     $.ajax({ 
      url: 'events_add.php', 
      data: 'status='+ status+'&start='+ start +'&end='+ end +'&userid='+ userid, 
      type: "POST", 
      success: function(json) { 
       alert('Added Successfully'); 
      } 
     }); 
     calendar.fullCalendar('renderEvent',{ 
      title: title, 
      status: status, 
      start: start, 
      end: end, 
      allDay: allDay 
     }, 
     true); 
    } 
    calendar.fullCalendar('unselect'); 
}, 

和的DateTimePicker电话:

$('#datepicker').datetimepicker(); 

回答

0

尝试使用类似下面,对于越来越事件日期,使用类似的方法从你的的DateTimePicker插件插入'onSelect:';

var event = {eventName:'aaaa', title:'bbbb'}; // sample event stored 
onSelect:function (dateText, inst) { 
    addEvent(event, $(this).datepicker('getDate')); 
} 

function(event, date){ 
    var copiedEventObject = $.extend({}, event); 
    copiedEventObject.start = date; 
    $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); 

}