Question

我正在尝试研究如何使用Adam Shaw的精彩jQuery插件 - FullCalendar在我们的项目中添加一个事件：online balloon ordering page under development

基本上，如果您单击“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'。那它应该工作得很好

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

1 个答案: