fullcalendar

Calendario completo

Calendario de arrastrar y soltar de tamaño completo en JavaScript

• Sitio web del proyecto
• Documentación
• Registro de cambios
• Apoyo
• Licencia
• Hoja de ruta

Conectores:

• Reaccionar
• Angular
• Vista 3 | 2

Manojo

El paquete FullCalendar Standard es más fácil de instalar que los complementos individuales, aunque el tamaño de archivo será mayor. Funciona bien con una CDN.

Instalación

Instale el paquete principal de FullCalendar y cualquier complemento que planee usar:

npm install @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid

Uso

Cree una instancia de un calendario con complementos y opciones:

 import { Calendar } from '@fullcalendar/core'
import interactionPlugin from '@fullcalendar/interaction'
import dayGridPlugin from '@fullcalendar/daygrid'

const calendarEl = document . getElementById ( 'calendar' )
const calendar = new Calendar ( calendarEl , {
  plugins : [
    interactionPlugin ,
    dayGridPlugin
  ] ,
  initialView : 'timeGridWeek' ,
  editable : true ,
  events : [
    { title : 'Meeting' , start : new Date ( ) }
  ]
} )

calendar . render ( ) 

Desarrollo

Debes instalar este repositorio con PNPM:

 pnpm install

Scripts disponibles (a través de pnpm run