使用完整日历jquery插件作为google日历

我正在使用jQuery fullcalendar插件。为事件提供了拖动和调整大小选项

我喜欢像谷歌日历一样添加事件和编辑事件

任何其他插件都可以在jquery中显示谷歌日历功能

如何做到这一点

已更新

....

eventClick: function(calEvent, jsEvent, view) {
    alert('Event: ' + calEvent.id);
    // alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
    // alert('View: ' + view.name);

    // change the border color just for fun
    // $(this).css('border-color', 'red');

    tb_show("Edit Event","event_edit.php?event_obj="+calEvent+"&event_title="+calEvent.title+"&keepThis=true&TB_iframe=true&height=250&width=400");
},

.....

calEvent

是一个对象，我正在调用iframe thickbox弹出窗口，因此无法维护该对象

calEvent

在另一页。

这是我在fullcalendar init中的“添加事件”部分：

select: function(start, end, allDay) {
                var calendars = getAjaxData('calendar/calendarsJson');


                var txt = '<h3>Add event:</h3>\n\
                           <div class="clear"></div>\n\
                           <p><label>'+CI.lang.language.what+':</label><input type="text"  name="title" value="" /></p>\n\
                           <p><label>'+CI.lang.language.where+':</label><input type="text"  name="location" value="" /></p>\n\
                           <p><label>'+CI.lang.language.description+':</label></p>\n\
                           <p><textarea  name="description"></textarea></p>';
                txt += '<p><label>'+CI.lang.language.calendar+':</label>\n\
                            <select name="id_calendar">';
                for(i=0;i<calendars.length;i++) {
                    txt += '<option value="'+calendars[i].id_calendar+'">'+calendars[i].title+'</option>';
                }
                txt += '</select></p>';
                txt += '<br />';                    

                var btns = {};
                btns[CI.lang.language.create_event] = true
                btns[CI.lang.language.cancel] = false;

                $.prompt(txt,{
                    prefix:'event_box',
                    callback: addeventnow,
                    buttons: btns
                });                

                function addeventnow(v,m,f){

                    if(f && v){
                        var classN = getAjaxData('calendar/getClassJson/'+f.id_calendar);
                        var nEvent = {
                            title: f.title,
                            description: f.description,
                            location: f.location,
                            start: start,
                            end: end,
                            allDay: allDay,
                            className: classN,
                            id_calendar: f.id_calendar

                        };
                        if (f.title) {
                            calendar.fullCalendar('renderEvent',
                                nEvent,
                                false // make the event "stick"
                            );
                        }
                        addEvent(nEvent);
                        calendar.fullCalendar('refetchEvents');
                    }

                     calendar.fullCalendar('unselect');

                }

            },

选择：功能（开始、结束、全天）{
var calendars=getAjaxData（'calendar/calendarsJson'）；
var txt='添加事件：\n\
\n\
“+CI.lang.language.what+”：
\n\
“+CI.lang.language.where+”：
\n\
“+CI.lang.language.description+”：
\n\
'；
txt+=''+CI.lang.language.calendar+'：\n\
';
对于（i=0；我不知道你这里有什么问题。我最近刚刚完成了一个相当大的日历项目。我使用了jquery fullcalendar插件。我认为这是一个很好的基础，可以构建与google calendar几乎相同的somethink。我的建议是坚持使用这个很棒的插件。如何使用与google calendar相同的弹出窗口添加、编辑事件。我无法获取值我正在使用jquery显示“弹出窗口”-使用表单隐藏show div以向数据库提交新数据。然后我使用ajax和JSON添加数据。jquery fullcalendar的事件使用php获取-参见此示例：如果您有任何具体问题，请不要犹豫。我使用厚框编辑事件。我无法保留对象。我尝试按照您的ajax方式进行操作更新值。不使用thickbox。