FullCalendar Implementar plugin de jquery
Fecha Publicación:
02 de Agosto de 2019
Fecha Modificación:
14 de Agosto de 2019
Implementar Fullcalendar v3.10
https://github.com/fullcalendar/fullcalendar/releases/tag/v3.10.0
Html
<!-- FullCalendar -->
<link href="https://fullcalendar.io/releases/fullcalendar/3.10.0/fullcalendar.min.css" rel="stylesheet">
<script src='https://fullcalendar.io/releases/fullcalendar/3.10.0/lib/jquery.min.js'></script>
<script src='https://fullcalendar.io/releases/fullcalendar/3.10.0/lib/moment.min.js'></script>
<script src='https://fullcalendar.io/releases/fullcalendar/3.10.0/fullcalendar.min.js'></script>
<script src='https://fullcalendar.io/releases/fullcalendar/3.10.0/locale/es.js'></script>
<!-- FullCalendar -->
Script:
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay',
},
locale: 'es',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Jue','Vie','Sáb'],
}); // full calendar
}); // function
</script>
Referencias de toda el tutorial Fullcalendar:
- https://teachlr.com/courses/view/calendario-web-con-fullcalendar-php-y-mysql
- https://www.youtube.com/playlist?list=PLSuKjujFoGJ3xqSJHnZUR-INEO71t1znq
See the Pen Implementar fullCalendar by alex huiza (@alextutor) on CodePen.
Articulo : 3203 - Veces Leidas