6

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

基本上，如果您点击“step1”并选择“pickup in shop”，页面将带您进入日历视图，您可以点击右上角的“week”按钮将视图更改为每周基础。我想要实现的是当客户在一天内点击一个空槽时，她可以在那个位置创建她的事件。这是我在 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来创建这样的事件。但是，尽管我的代码运行没有错误，并且我可以看到提示说哪个插槽已被单击，但它不会在日历上呈现这样的新事件。

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

任何建议将不胜感激，非常感谢。

4

1 回答 1

5

这是一个简单的疏忽。type函数中的值loadCalender(type)设置为pickupCalendar来自 call closeStep1OpenSetp2("pickupCalendar");。

但是您执行$('#' + type + 'Calendar')评估结果为$('#pickupCalendarCalendar')并且没有具有此 ID 的元素。正确的做法是$('#pickupCalendar')删除参数中的 Calendar 或放弃+ 'Calendar'. 然后它应该工作得很好

于 2010-03-22T03:25:31.560 回答