Question

我正在使用full calendar议程周刊视图。现在我想在一次点击中选择一整天。像我们在Excel工作表中做的那样[当我们点击一列它选择整列时]。

对此有何想法？

Answer 1

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

1）使用内置的＆＃34; dayClick＆＃34;回调这个。只要用户在当天的任何地方点击（但不在标题上），就会运行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。如果＆＃34;可选＆＃34;设置＆＃34; true＆＃34;，用户拖动（而非点击）它会触发select回调，而不是dayClick回调，但这是一个小问题

2）以类似的方式，您可以打开＆＃34; navLinks＆＃34;功能，它添加了每个标题的超链接，并处理＆＃34; navLinkDayClick＆＃34;回调告诉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");
}

请注意，这两种解决方案都适用于所有观点，而不仅仅是AgendaWeek。除非你在每个内部写一些额外的代码来表示＆＃34;只有在视图名称== agendaWeek＆＃34;时才会这样做。什么的。

所有这些信息都可以通过文档（https://fullcalendar.io/docs/）获得。我建议你在下次想知道是否有可能的时候深入阅读，因为它很可能会立即回答你的很多问题。还有一些关键功能的演示。

FullCalendar - 选择全天

1 个答案: