fullcalendar

ПолныйКалендарь

Полноразмерный календарь перетаскивания на JavaScript

• Сайт проекта
• Документация
• Журнал изменений
• Поддерживать
• Лицензия
• Дорожная карта

Разъемы:

• Реагировать
• Угловой
• Версия 3 | 2

Пучок

Стандартный пакет FullCalendar проще установить, чем отдельные плагины, хотя размер файла будет больше. Он хорошо работает с CDN.

Установка

Установите основной пакет FullCalendar и все плагины, которые вы планируете использовать:

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

Использование

Создайте экземпляр календаря с помощью плагинов и опций:

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

Разработка

Вы должны установить этот репозиторий с помощью PNPM:

 pnpm install

Доступные скрипты (через pnpm run