jQuery FullCalendar - 尝试在日历上添加事件和显示失败

Question

我正在尝试研究如何使用Adam Shaw的精彩jQuery插件 - FullCalendar在我们的项目中添加一个事件:正在开发的在线气球订购页面

基本上,如果您单击"step1"并选择"在店内取货",该页面将带您进入日历视图,您可以在其中点击"周"按钮的右上角将视图更改为每周基础.我想要实现的是当客户在一天内点击一个空位时,她可以在那个位置创建她的事件.这是我在custom.js中的代码:

dayClick: function() 
            {

                var n = parseInt(this.className.match(/fc\-slot(\d+)/)[1]);
                alert('a day has been clicked on slot ' + n);

                //trying to add an event using the renderEvent() method.
                $('#' + type + 'Calendar').fullCalendar('renderEvent', 
                        {
                            title : 'my pickup slot',
                            start : new Date(y,m,d, 12, 30),
                            end   : new Date(y,m,d, 13, 00),
                        });
            }

它尝试使用FullCalendar的API方法renderEvent来创建这样的事件.但是,虽然我的代码运行没有错误,但我可以看到提示说明哪个插槽已被点击,它不会在日历上呈现这样的新事件.

有没有其他方法可以做到这一点或我的代码做错了什么？

任何建议将非常感谢,非常感谢提前.

Answer 1

这是一个简单的疏忽.值type在功能loadCalender(type)设置为pickupCalendar从呼叫closeStep1OpenSetp2("pickupCalendar");.

但你做的$('#' + type + 'Calendar')评估是,$('#pickupCalendarCalendar')并没有这个id的元素.正确的是$('#pickupCalendar'),要么删除参数中的日历,要么抛弃+ 'Calendar'.然后它应该工作得很好