Advertisement
LucianoCharles2017

Fullcalendar

Nov 23rd, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script>
  2.     $(document).on("change", "#profissional", function() {
  3.         $('#calendar').fullCalendar('removeEventSource', eventos);
  4.         var id_profissional = $("#profissional").val();
  5.         $.ajax({
  6.             url: "http://localhost/clinica/home/listaAgenda",
  7.             data: {id_profissional: id_profissional},
  8.             type: 'POST',
  9.             dataType: 'json',
  10.             beforeSend: function(data) {
  11.  
  12.             },
  13.             success: function(data) {
  14.  
  15.                 if (data.events) {
  16.                     //INICIO DO FULLCALENDAR
  17.                     var initialLocaleCode = 'pt-br';
  18.                     $('#calendar').fullCalendar({
  19.                         header: {
  20.                             left: 'prev,next today',
  21.                             center: 'title',
  22.                             right: 'month,agendaWeek,agendaDay,listMonth'
  23.                         },
  24.                         defaultView: 'agendaWeek',
  25.                         editable: true,
  26.                         eventLimit: true,
  27.                         locale: initialLocaleCode,
  28.                         selectable: true,
  29.                         selectHelper: true,
  30.                         locale: initialLocaleCode,
  31.                         buttonIcons: true, // show the prev/next text
  32.                         weekNumbers: false,
  33.                         navLinks: true, // can click day/week names to navigate views
  34.                         hiddenDays: [0,6],
  35.                         showNonCurrentDates: true,
  36.                         aspectRatio: 1,
  37.                         minTime: '06:00:00',
  38.                         maxTime: '18:00:00',
  39.                         droppable: true,
  40.                         select: function(start, end) {
  41.                             $('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss'));
  42.                             $('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss'));
  43.                             $('#ModalAdd').modal('show');
  44.    
  45.                         },
  46.                         eventRender: function(event, element) {
  47.                             element.bind('dblclick', function() {
  48.                                 $('#ModalEdit #id').val(event.id);
  49.                                 $('#ModalEdit #title').val(event.title);
  50.                                 $('#ModalEdit #color').val(event.color);
  51.                                 $('#ModalEdit').modal('show');
  52.                             });
  53.                         },
  54.                         eventDrop: function(event, delta, revertFunc) {
  55.                             edit(event);
  56.                         },
  57.                         eventResize: function(event, dayDelta, minuteDelta, revertFunc) {
  58.                             edit(event);
  59.                         },
  60.                         events: data
  61.  
  62.                     });
  63. // Fim do Calendar
  64.                         //Atualizar apenas com os novos dados a cada change do selectBox   
  65.                         $('#calendar').fullCalendar('addEventSource', eventos);
  66.                         $('#calendar').fullCalendar('rerenderEvents', eventos);
  67.                 }
  68.             }
  69.  
  70.         });
  71.  
  72.  
  73.     });
  74. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement