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

我正在尝试研究如何使用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

这是一个简单的疏忽。 函数loadCalender(type)的type值从调用closeStep1OpenSetp2("pickupCalendar");设置为pickupCalendar closeStep1OpenSetp2("pickupCalendar"); 。

但你做$('#' + type + 'Calendar') ，它的计算结果是$('#pickupCalendarCalendar')并且没有带有这个id的元素。 正确的是$('#pickupCalendar')所以要么删除参数中的日历，要么抛弃+ 'Calendar' 。 然后它应该工作得很好