Question

我正在使用Frontier Jquery Calendar。此日历用于创建活动/议程。现在我想要当用户从日历创建事件时，然后这些事件存储在DB中。我不这样做。任何人都可以指导我吗？感谢，

Answer 1

我没有看到日历的截图或文档中的任何输入函数，所以我认为你需要：

为用户提供输入新活动详情的方法。
捕获结果并将其存储到数据库中。

由于问题很简单，我会给你一个简单的答案：http://teamtutorials.com/web-development-tutorials/php-tutorials/inserting-data-into-a-mysql-database-using-php

如果你特别希望使用漂亮的ajax，漂亮的json和漂亮的css与漂亮的日历很好地集成，你将不得不将其分解为更具体的问题，因为你可以写几本有这些主题的书。

Answer 2

如果您只想使用php插入数据，可以在其添加事件表单上使用表单，并使用post方法将该数据发送到php文件，然后在该php文件中，您可以使用该文件轻松地将该数据插入数据库中PHP。

但是如果你想在没有重新加载页面的情况下添加数据，你可以在jquery-frontier-cal-1.3.2.js中使用this.addAgendaItem函数中的ajax调用（或者你使用的任何版本的插件文件）像这样

this.addAgendaItem = function(calId,title,startDate,endDate,allDay,data,displayProp){
        if(calId != null && title != null && startDate != null && endDate != null && allDay != null){
            // make sure start date comes before end date
            if(DateUtil.secondsDifferenceDirection(startDate,endDate) < 0){
                alert("Sorry, you can't create an event that ends before it starts");
                return;
            }
           $.ajax({
                type: 'POST',
                url: "/*your php file path*/ ",
                async: false,
                data: { /*Send data to using ajax*/ },
                success: function (data) {
                 //handle on success
                },
                error: function (xhr, textStatus, errorThrown) {
                 //handle on error
               }

            });
            calId = stripNumberSign(calId);
            var hashData = new Hashtable();
            if(data != null){
                for(var key in data){
                    hashData.put(key,data[key]);
                }
            }
            var agi = new CalendarAgendaItem(title,startDate,endDate,allDay,hashData);
            if(displayProp != null){
                if(displayProp.backgroundColor != null){
                    agi.setBackgroundColor(displayProp.backgroundColor);
                }
                if(displayProp.foregroundColor != null){
                    agi.setForegroundColor(displayProp.foregroundColor);
                }
            }
            var calObj = myCalendars.get(calId);
            calObj.addAgendaItem(agi);      
        }
    };

您可以根据需要处理此ajax调用。

Jquery边疆日历

2 个答案: