> 웹 프론트엔드 > JS 튜토리얼 > FullCalendar에서 반복 이벤트를 만드는 방법은 무엇입니까?

FullCalendar에서 반복 이벤트를 만드는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-11-11 01:48:03
원래의
464명이 탐색했습니다.

How to Create Recurring Events in FullCalendar?

FullCalendar의 반복 이벤트

FullCalendar는 특정 날짜를 기반으로 복잡한 일정 패턴을 정의하는 기능을 포함하여 반복 이벤트에 대한 포괄적인 지원을 제공합니다. 주 및 시간 간격.

매주 반복 이벤트

매주 월요일과 목요일 오전 7시부터 오전 9시까지 특정 평일에 반복되는 이벤트를 생성하려면 다음 코드를 사용하세요.

events: [{
    title:"Availability",
    start: '07:00', 
    end: '09:00', 
    dow: [ 1, 4 ] // Repeat monday and thursday
}],
로그인 후 복사

반복 제한 지정

특정 기간 내에서 재발을 보장하려면 기간, 이벤트의 시작 및 종료 날짜를 추가합니다. 예를 들어 위 이벤트가 3월과 5월에만 반복되어야 하는 경우 이벤트와 날짜 범위를 다음과 같이 정의합니다.

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      07:00    09:00  [1,4]  2023/03/01   2023/05/01 
로그인 후 복사

클라이언트 측에서는 eventRender 함수를 사용하여 지정된 날짜 범위.

야간 반복 처리

FullCalendar는 야간을 지원합니다. 이벤트. 여러 날에 걸쳐 반복되는 이벤트를 정의하려면 종료 시간을 24:00보다 크게 지정하세요. 예를 들어 월요일 오후 7시에 시작하고 화요일 오전 3시에 끝나는 주간 이벤트를 생성하려면 다음 이벤트 구성을 사용합니다.

{
  start: '19:00', 
  end:   '27:00', 
  dow: [1]
}
로그인 후 복사

위 내용은 FullCalendar에서 반복 이벤트를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿