Bootstrap + FullCalendar

Demo of converting FullCalendar buttons to Bootstrap btn-group. For SO http://stackoverflow.com/q/11279394/570918

by Apple Ilagan

HTML

<link rel="stylesheet" href="http://cdn.mmcreation.com/javascript/fullCalendar/1.4.7/fullcalendar.css">
<script src="http://cdn.mmcreation.com/javascript/fullCalendar/1.4.7/fullcalendar.js"></script>
<script src="http://current.bootstrapcdn.com/bootstrap-v204/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://current.bootstrapcdn.com/bootstrap-v204/css/bootstrap-combined.min.css">
<div id='calendar'></div>

JavaScript

$('#calendar').fullCalendar({});

var $fcButtons = $('[class*="fc-button"]').addClass('btn'),
    $oldTable = $('.fc-header-right > table');

$('<div>')
    .addClass('btn-group')
    .appendTo('.fc-header-right')
    .append($fcButtons);

$oldTable.remove();