#calendar { margin: 0 auto; } .responsive .art-postcontent .fc-view table { display: table; width: 100%; } .responsive span.fc-event-title { font-size: 10px; line-height: 160%; } table.fc-header { width: 100% !important; display: table !important; } #art-main .fc-event { max-height: 60px !important; overflow: hidden; font-size: 0.85em; padding: 0px; color: inherit; } #art-main .fc-event:hover { color: #000 !important; } .fc-scroller.fc-scroller-liquid-absolute { overflow: hidden !important; } table.fc-scrollgrid.fc-scrollgrid-liquid { margin: 0px; } .fc-event-title.fc-sticky { white-space: break-spaces; } .responsive #calendar { min-height: 1000px; } var calendar; $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var calendarEl = document.getElementById('calendar'); calendar = new FullCalendar.Calendar(calendarEl, { locale: 'es', timeZone: 'UTC', buttonText: { today: 'hoy'}, firstDay: 1, titleFormat: { year: 'numeric', month: 'long' }, defaultAllDay: true, dayMaxEvents: 4, headerToolbar: { left: 'today', center: 'title', right: 'prev,next' }, events: https://www.factinet.com/getEventsCalendarNew.php?id=336, eventClick: function(eventClickInfo) { //alert('Event: ' + calEvent.title); //alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY); //alert('View: ' + view.name); if (eventClickInfo.event.href != undefined) location.href = eventClickInfo.event.href; // change the border color just for fun //$(this).css('border-color', 'red'); }, eventDidMount: function(info) { var tooltip = new Tooltip(info.el, { title: info.event.extendedProps.description,//you can give data for tooltip placement: 'top', trigger: 'hover', container: 'body' }); } }); calendar.render(); });
