向JavaScript日历添加功能？

Question

我从网站CodeCanyon link to calendar preview下载了一个JavaScript和jQuery日历，我正试图将它放到我的工作网站上。

工作网站是用ASPX编写的，我正在用这个日历替换当前“只读”日历，该日历与iframe中的Outlook相关联。我目前正在将日历写入html页面，但仍未弄清楚如何添加添加事件的功能。

如何添加用户向日历添加活动的功能？

Answer 1

插件缺乏文档，我们仍然可以通过检查源代码来设法获取选项，这些是不言自明的。

首先我们需要设置一个array来存储事件，然后在events_array选项中设置它之后，这里是您使用事件数据发送的示例的Javascript代码以及如何在日历中设置对象：

var events_array = new Array({
    startDate: new Date(2011, 07, 20, 15, 50),
    endDate: new Date(2012, 00, 10),
    title: "Event 1",
    description: "Description 1",
    priority: 2, // 1 = Low, 2 = Medium, 3 = Urgent
    frecuency: 1 // 1 = Daily, 2 = Weekly, 3 = Monthly, 4 = Yearly
}, {
    startDate: new Date(2011, 07, 20, 9, 50),
    title: "Event 3",
    description: "Description 3",
    priority: 3,
    frecuency: 3
});
$(".selector").dp_calendar({
    events_array: events_array
});

换句话说，拥有一个包含从用户输入数据保存的事件的数据库，您只需要遍历记录，将项目添加到此array或以JSON格式检索所有项目。