日历插件用于显示特定日子的开放时间?
问题描述:
我需要一个日历插件(最好用于jQuery或更好的WordPress),它显示点击日期时的开放时间。日历插件用于显示特定日子的开放时间?
开放时间因一周中的哪一天以及季节而异。
我已经看过各种日历插件,但大多数是日期选择器或面向发布事件。
答
FullCalendar会做你想做的。
您需要在dayClick
事件(documentation)上设置处理程序。
例如:
$("#calDiv").fullCalendar(
dayClick: function(date, allDay, jsEvent, view) {
// change the day's background color just for fun
$(this).css('background-color', '#6495ED');
// assuming a call that goes to the server and gets HTML for an opening hours popup
$.ajax(
url: '/path/to/get/hours',
data: {'date' : date}, // pass the date as a param,
dataType: 'html',
success: function(data) {
$("#divForPopup").html(data).show();
}
);
}
);
或者,也可以创建用于每一天,表示开放时间(或总小时打开,包括关闭小时)的事件。
谢谢你justkt。这非常有用。但是,每天举行一场活动听起来像是一大堆工作。是否有可能制定这样的规则:八月的日子(X开放时间),八月的周三(开放时间)? – 2011-04-07 13:41:54
@ 0al0 - 你可以在服务器端很容易地做到这一点(取决于你的服务器端语言),甚至在Javascript中 - 这都只是代码。要了解fullcalendar如何处理事件,请查看文档。 – justkt 2011-04-07 13:44:36