Fullcalendar add custom button to each day

Question

How can I add custom buttons for each day in the fullCalendar?

Answer 1

For that your best solution is probably the dayRender callback which allows you to add extra HTML into the cell of each day before it is drawn on the calendar.

e.g. here's a super-simple example:

dayRender: function(info)
{
  info.el.innerHTML += "<button class='dayButton' data-date='" + info.date + "'>Click me</button>";
  info.el.style.padding = "20px 0 0 10px";
}

Live demo (including handled click event): https://codepen.io/ADyson82/pen/oNjExGx