Добавление событий fullcalendar с помощью datetimepicker

Question

Добавление событий fullcalendar с помощью datetimepicker

0

Есть ли способ добавить событие в fullcalendar с помощью datetimepicker (http://trentrichardson.com/examples/timepicker/)?
Мне нужна кнопка, которая покажет datetimepicker onclick, а затем пользователь может выбрать дату и время и вставить ее в базу данных, связанную с 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();

jakob 02 июль 2014, в 12:40

Источник

Теги:

php

jquery

jquery-ui

fullcalendar

datetimepicker

1 ответ

Ещё вопросы

Jaison · Answer 1 · 2014-07-04T07-22-00.000Z

Попробуйте использовать, как показано ниже. Для получения даты события используйте эквивалентный метод из вашего плагина 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);

}