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

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

Linda Hamilton
풀어 주다: 2024-11-11 03:19:02
원래의
255명이 탐색했습니다.

How to Create Recurring Events with Specific Ranges in FullCalendar?

FullCalendar의 반복 이벤트

캘린더에서 약속이나 시간을 예약할 때 특정 날짜에 반복되는 이벤트가 필요한 경우가 많습니다. FullCalendar는 일일 반복을 포함하여 반복 이벤트를 처리하는 옵션을 제공합니다.

일일 반복 이벤트

일일 반복 이벤트를 생성하려면 dow 속성을 사용하여 요일을 지정합니다. 예를 들어, 다음 이벤트는 월요일 오전 7시부터 오전 9시까지만 반복됩니다.

{
  title: "Morning Appointment",
  start: "07:00",
  end: "09:00",
  dow: [1] // Repeat on Mondays
}
로그인 후 복사

제한이 있는 주간 반복 이벤트

반복 이벤트에 특정 시작 날짜와 종료 날짜를 지정하려면 ranges 속성을 사용할 수 있습니다. 각 범위는 이벤트가 활성화되어야 하는 기간을 나타냅니다. 예를 들어, 다음 이벤트는 2017년 3월, 5월 및 1년 동안 매주 월요일과 목요일에 반복됩니다.

{
  id: 1,
  start: "10:00",
  end: "12:00",
  dow: [1, 4],
  ranges: [
    {
      start: "2015/03/01",
      end: "2015/04/01"
    },
    {
      start: "2015/05/01",
      end: "2015/06/01"
    },
    {
      start: "2016/01/01",
      end: "2017/01/01"
    }
  ]
}
로그인 후 복사

eventRender 콜백을 사용하면 지정된 범위를 벗어나는 모든 이벤트를 필터링할 수 있습니다. .

밤새 반복 이벤트

FullCalendar는 밤샘 이벤트를 지원합니다. 24:00 이후의 종료 시간을 지정하면 됩니다. 예를 들어 다음 이벤트는 매주 화요일 오후 10시부터 다음 날 오전 3시까지 반복됩니다.

{
  title: "Overnight Event",
  start: "22:00",
  end: "03:00",
  dow: [2]
}
로그인 후 복사

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

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