javascript - 向 JavaScript 日历添加功能？

Question

我已经从 CodeCanyon 站点下载了 JavaScript 和 jQuery 日历，link to calendar preview ，我正在尝试将其放到我的工作网站上。

工作站点是用 ASPX 编写的，我将用此日历替换 iframe 中与 Outlook 绑定(bind)的当前“只读”日历。我目前正在将日历写入html页面，但仍然没有弄清楚如何添加添加事件的功能。

如何让用户能够将事件添加到日历？

Answer 1

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

首先，我们需要创建一个数组来存储事件，然后在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
});

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