Пользовательский HTML за день с FullCalendar?

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, так что только фактические дни текущего просматриваемого месяца будут содержать дополнительный контент, а не дни предыдущего или следующего месяца, которые находятся в этом месячный обзор.

Я предполагаю, что любые события будут перекрывать ваш контент, так что в любом случае все это может быть напрасным. Если вы не собираетесь показывать события, в этом случае вы, вероятно, могли бы решить эту проблему лучше без полного календаря.

Кроме того, ваше изображение выглядит так, как будто вы хотите показать только одну неделю. Я не думаю, что это возможно с fullcalendar. Кроме того, если это то, что вы хотите, было бы гораздо проще, чем использовать fullcalendar.

Удачи!