fullcalendar
v6.1.15
JavaScript의 전체 크기 드래그 앤 드롭 달력
커넥터:
FullCalendar Standard Bundle은 개별 플러그인보다 설치하기 쉽지만 파일 크기는 더 큽니다. 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 <script>
통해):
build
- 프로덕션에 바로 사용할 수 있는 dist 파일 빌드dev
- 개발 dist 파일 빌드 및 감시test
- 헤드리스 테스트test:dev
- 대화형으로 테스트lint
clean
코드 기여에 대한 정보 »