fullcalendar

Calendário Completo

Calendário de arrastar e soltar em tamanho real em JavaScript

• Site do projeto
• Documentação
• Registro de alterações
• Apoiar
• Licença
• Roteiro

Conectores:

• Reagir
• Angular
• Vista 3 | 2

Pacote

O FullCalendar Standard Bundle é mais fácil de instalar do que plug-ins individuais, embora o tamanho do arquivo seja maior. Funciona bem com um CDN.

Instalação

Instale o pacote principal FullCalendar e quaisquer plug-ins que você planeja usar:

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

Uso

Instancie um calendário com plug-ins e opções:

 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 ( ) 

Desenvolvimento

Você deve instalar este repositório com PNPM:

 pnpm install

Scripts disponíveis (via pnpm run