向JavaScript日历添加功能

Adding functionality to a JavaScript Calendar?

本文关键字：功能 添加 日历 JavaScript      更新时间：2023-09-26

我已经从CodeCanyon网站下载了一个JavaScript和jQuery日历，链接到日历预览，我正试图把它放在我的工作网站上。

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

如何为用户添加事件到日历的能力?

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

首先，我们需要制作一个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格式检索所有项目。

相关文章：