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:

 

 

See the Pen Implementar fullCalendar by alex huiza (@alextutor) on CodePen.

Articulo : 3203 - Veces Leidas
Compartir Articulo: