用于显示特定日期的开放时间的日历插件?

发布于 2024-10-31 03:47:51 字数 128 浏览 1 评论 0原文

我需要一个日历插件(最好是 jQuery 或更好的 WordPress),它可以在单击日期时显示开放时间。

开放时间根据星期几和季节而有所不同。

我已经看过各种日历插件,但其中大多数是日期选择器或面向发布事件。

I need a calendar plugin (preferably for jQuery or even better WordPress) that shows the opening hours when clicking on a date.

The opening hours vary depending on the day of the week and also on the season.

I already took a look at various calendar plugins but most of them are date pickers or oriented to publish events.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

断舍离 2024-11-07 03:47:51

FullCalendar 会做你想做的。

您需要在 dayClick 事件上设置处理程序(文档)。

例如:

$("#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();
         }
    );
}
);

或者,您可以为每天创建一个事件,显示开放时间(或开放的总时间,包括关闭时间)。

FullCalendar will do what you want.

You will need to set a handler on the dayClick event (documentation).

For example:

$("#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();
         }
    );
}
);

Alternatively you could create an event for each day that shows opening hours (or total hours opened, including closing hours).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文