Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: 1304654 en 17 Agosto 2015, 16:12 pm



Título: Fullcalendar con popover Bootstrap al crear event
Publicado por: 1304654 en 17 Agosto 2015, 16:12 pm
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í;
(http://i60.tinypic.com/23jkdqo.png)

mi codigo es este;

Código
  1. <div class="row"> <div class="col-md-6"><div id="calendar"></div></div> </div>
  2.  
  3.  
  4.  
  5.  
  6. $('#calendar').fullCalendar({
  7.      header: {
  8.  
  9.      left: 'today',
  10.      center: 'prev title, next',
  11.      right: 'month,agendaWeek,agendaDay'
  12.      },
  13.      firstDay:1,
  14.      businessHours:{start: '10:00',end: '22:00',dow: [ 1, 2, 3, 4,5 ]},
  15.      defaultView:'agendaDay',
  16.      axisFormat: 'HH:mm',
  17.      selectable:true,
  18.      selectHelper:true,
  19.  
  20.      select: function(start, end, allDay) {
  21.        $(this).popover({container: ".parent"});
  22.        $(this).popover('show');
  23.  
  24.  
  25.        },

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