Fullcalendar con popover Bootstrap al crear event

[1304654]

Hola estoy con el diseño de una web api, y soy muy nuevo en esto, tengo el problema que me gustaria que saliera un popover de Bootstrap, al crear un nuevo evento en el calendario. tal que así;


mi codigo es este;

Código (javascript) [Seleccionar] Expandir


<div class="row"> <div class="col-md-6"><div id="calendar"></div></div> </div>




$('#calendar').fullCalendar({
     header: {

     left: 'today',
     center: 'prev title, next',
     right: 'month,agendaWeek,agendaDay'
     },
     firstDay:1,
     businessHours:{start: '10:00',end: '22:00',dow: [ 1, 2, 3, 4,5 ]},
     defaultView:'agendaDay',
     axisFormat: 'HH:mm',
     selectable:true,
     selectHelper:true,

     select: function(start, end, allDay) {
       $(this).popover({container: ".parent"});
       $(this).popover('show');


       },

Mod: Resolución máxima de las imágenes 800x600px