javascript - 使用 FullCalendar 在一天内自定义 HTML？

Question

有没有办法专门为每天添加可区分的表单元素？下面是一个例子。

我知道 FullCalendar 是为处理“事件”而构建的，所以从我在文档中可以看出的情况来看，这实际上是不可能的。但我也不是 Javascript 大师，所以还有其他人知道解决方案吗？我希望不必重新发明轮子。

Answer 1

这是一个有趣的想法，我还没有尝试过。我不认为有像 onRenderDay() 这样的回调，所以你可能不得不在那里修改它。我建议将您的代码添加到 viewDisplay 中打回来。可能是这样的:

$('#calendar').fullCalendar({
    viewDisplay: function(view) {
        $("#calendar .fc-view-month td").append('<input type="checkbox"/>AM<br>');
    }
});

您可能需要调整选择器，也许使用 .fc-grid .您还可以自定义它以不包括 <td>类别为 .fc-other-month 的元素，因此只有当前查看月份的实际日期才会包含额外内容，而不是本月 View 中上个月或下个月的日期。

我假设任何事件都会重叠在您的内容之上，所以无论如何这一切都可能是徒劳的。除非您不打算显示事件，在这种情况下，您可以在没有完整日历的情况下更好地解决这个问题。

此外，您的图片看起来只需要一周的展示时间。我认为 fullcalendar 不可能做到这一点。此外，如果这是您想要的，还有比使用 fullcalendar 更简单的方法。

祝你好运!