customButtons

Defines custom buttons that can be used in the header/footer.

Specify a hash of custom buttons. Then reference them from the header setting. Like this:

$('#calendar').fullCalendar({
  customButtons: {
    myCustomButton: {
      text: 'custom!',
      click: function() {
        alert('clicked the custom button!');
      }
    }
  },
  header: {
    left: 'prev,next today myCustomButton',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
  }
});

Each customButton entry accepts the following properties:

• text - the text to be display on the button itself
• click - a callback function that is called when the button is clicked. Accepts a single argument, a jqueryEvent.
• icon - see buttonIcons. optional
• themeIcon - see themeButtonIcons. optional
• bootstrapGlyphicon - see bootstrapGlyphicons. optional

See a demo of customButtons.