需要帮助添加事件到Javascript日历
Need help adding events to a Javascript Calendar
我想创建一个简单的事件日历,每个月都有一个变化的背景。我看过fullCalendar,但不知道如何为每个月添加背景。所以我找到了这个日历代码:http://www.java2s.com/Code/JavaScript/GUI-Components/Calendarwithimageforeachmonth.htm
我正在使用上面的代码,我已经修改了它,为每个月创建不同的背景。现在我需要做的就是在日历中添加大约8个事件。我知道fullCalendar是通过以下代码完成的:
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
editable: true,
events: [
{
title: 'All Day Event',
start: new Date(y, m, 1)
},
{
title: 'Long Event',
start: new Date(y, m, d-5),
end: new Date(y, m, d-2)
},
{
id: 999,
title: 'Repeating Event',
start: new Date(y, m, d-3, 16, 0),
allDay: false
},
{
id: 999,
title: 'Repeating Event',
start: new Date(y, m, d+4, 16, 0),
allDay: false
},
{
title: 'Meeting',
start: new Date(y, m, d, 10, 30),
allDay: false
},
{
title: 'Lunch',
start: new Date(y, m, d, 12, 0),
end: new Date(y, m, d, 14, 0),
allDay: false
},
{
title: 'Birthday Party',
start: new Date(y, m, d+1, 19, 0),
end: new Date(y, m, d+1, 22, 30),
allDay: false
},
{
title: 'Click for Google',
start: new Date(y, m, 28),
end: new Date(y, m, 29),
url: 'http://google.com/'
}
]
});
});
我是相对较新的编辑/学习javascript,所以我不知道从哪里开始。我试图将fullCalendar代码合并到我从上面链接中的代码修改的日历中。
例如,我想在7月4日加上"独立日"。
任何帮助都非常感谢!
谢谢!
您只需将事件添加到您想要的特定日期。如,
events: [
{
title: 'Independence Day',
start: new Date(2014, 06, 4)
}];
这将在您的日历中添加独立日的事件。
相关文章:
- JavaScript日历的奇怪行为
- 如何在c#中使用javascript日历设置值后获得文本框的文本
- Javascript 日历非连续月份
- Gridview中的Javascript日历无法工作
- 在自己编写的Javascript日历中更改年份
- 正在寻找一个javascript日历,它提供了一个能够阻止关闭日期的月份视图
- 如何在表单中插入javascript日历(PHP)
- Jquery/Javascript日历实现
- 是否有一个开源的javascript日历,支持内置的事件详细信息弹出窗口
- javascript日历中的错误
- 如何在javascript日历中禁用当前日期之后的日期
- 鼠标上的Javascript日历
- 创建动态事件到javascript日历
- 向JavaScript日历添加功能
- 寻找Javascript日历,将嵌入在一个网页,并从PHP/MySQL服务器获取数据
- Javascript日历沙盒
- 这个简单的Javascript日历不能在IE 9/10中工作
- 如何显示动态PHP javascript日历
- JavaScript日历日期选择器在ie9中不工作
- Javascript日历跳过日期