본문으로 건너뛰기

함수

setCurrentView​

달력의 현재 뷰를 설정합니다.

(value: 'years' | 'months' | 'days') => void
  • value - 설정하려는 뷰 값. (e.g. days | months | years)

setViewDate​

달력의 뷰 날짜를 설정합니다.

(value: DateLike) => void
  • value - 설정하려는 뷰 날짜.

setSelectedDate​

선택된 날짜를 설정합니다.

(value: any) => void
  • value - 선택할 날짜. 날짜 값이 유효하지 않으면 null로 설정됩니다.
setSelectedDate(new Date(2024, 01, 01, 12)); // Thu Feb 01 2024 12:00:00
setSelectedDate('invalid'); // null

setFocusDate​

달력의 포커스 날짜를 설정합니다.

(value: any) => void
  • value - 포커스할 날짜.

next​

다음 month | years | decade로 이동합니다.

next​

이전 month | years | decade로 이동합니다.

hide​

달력을 숨깁니다.

show​

달력을 표시합니다.

setTheme​

datepicker 테마 모드를 설정합니다.

(theme: 'light' | 'dark') => void
  • theme - 변경하려는 테마.

setSize​

datepicker 입력의 크기를 설정합니다.

(size: 'small' | 'normal') => void
  • size - 변경하려는 크기

isSameDate​

주어진 뷰에서 동일한 날짜인지 확인합니다.

(date: Date, compare: Date, view?: `days` | `months` | `years`) => boolean;

  • date - 확인할 값

  • compare - 비교할 값

  • view - 비교에 사용할 뷰 상태.

  • 동일한 뷰에서 같은 값인지 여부를 반환합니다.

isSameDate(new Date('2024-01-01'), new Date('2024-01-30')); // false
isSameDate(new Date('2024-01-01'), new Date('2024-01-30'), 'months'); // true

isShow​

datepicker 달력의 표시 상태를 가져옵니다. 달력이 표시되면 true를 반환하고 그렇지 않으면 false를 반환합니다.

() => boolean;

on/off​

datepicker 인스턴스에 이벤트 리스너를 추가/제거합니다.

(eventName: string, listener: Function) => void

  • eventName - 이벤트 이름. (e.g. select, changeView)

  • listener - 이벤트 함수.

  • 이벤트에 대한 자세한 내용은 여기를 참조하십시오. Events

destroy​

datepicker 인스턴스를 제거합니다.