FullCalendar-选择全天

Question

我正在使用完整的日历代表视图。现在，我想单击一整天。像我们在Excel表中所做的类似[当我们单击一列时，选择了整列]。

对此有任何想法吗？

Answer 1

有两种方法可以做这样的事情，具体取决于您希望它的工作方式：

1(为此使用内置的" day-dayclick"回调。每当用户在当天(但不在标题上(单击任何地方时，日用回调都可以运行，您可以使用它来识别点击日，然后执行您需要的事情：

dayClick: function(date, jsEvent, view) {
    alert(date.format("YYYY-MM-DD"));
    $(".fc-day[data-date=" + date.format("YYYY-MM-DD") + "]").css("background-color", "red"); //make the selected day have a red background
}

n.b。如果"可选"设置为" true"，而用户 drags (不是单击(会触发选择回调，而不是日间回调，但这是一个较小的问题

2(以类似的方式，您可以打开" navLinks"功能，该功能每天都会添加超链接，并处理" navlinkdayclick"回调，以告诉FullCalendar，当单击这些链接之一时该怎么办：

navLinks: true,
navLinkDayClick: function(date, jsEvent) {
    alert(date.format("YYYY-MM-DD"));
    $(".fc-day[data-date=" + date.format("YYYY-MM-DD") + "]").css("background-color", "red");
}

请注意，这两种解决方案都适用于所有视图，而不仅仅是代理。您对此无能为力，除非您在每个人内部写一些额外的代码，以说"只有视图名称== gendaweek"或其他内容。

所有这些信息均可通过文档(https://fullcalendar.io/docs/(获得。我建议您下次想知道是否可能会进行深入阅读，因为它可能会立即回答很多疑问。还有几个关键特征的演示。