내용으로 건너뛰기

@capgo/capacitor-날짜 선택기

Capacitor 앱에 native 날짜, 시간, 날짜-시간, 년-월, 및 범위 선택기를 제공하며 웹 fallback을 유지합니다.

개요

개요

@capgo/capacitor-date-picker Capacitor 앱에 API 날짜, 시간, 날짜-시간 값, 년-월 값 및 날짜 범위에 대한 원생 선택기를 제공합니다. UIDatePicker iOS에서 사용하고, 안드로이드에서는 플랫폼 대화상자를 사용하고, 웹에서는 네이티브 브라우저 입력을 사용합니다.

Capgo @capacitor-community/date-pickerGitHub

데모데모
iOS 데모: @capgo/capacitor-date-picker가 열리고, 날짜를 선택하고, 닫히는 것을 보여줍니다.Android에서 애니메이션으로 @capgo/capacitor-date-picker의 열림, 날짜 선택, 닫힘을 보여주는 데모
iOSAndroid
iOS에서 @capgo/capacitor-date-picker의 native date picker를 보여주는 스크린샷Android에서 @capgo/capacitor-date-picker의 native date picker를 보여주는 스크린샷
  • native date, time, date-time, year-month, countdown-style pickers를 보여줍니다.
  • 날짜 범위 선택을 통해 presentRange().
  • ISO, Java/Unicode, Moment-style 패턴과 같은 형식으로 반환된 값을 포맷합니다.
  • 적용 min, max, date, 지역, 시간대, 24시간 시간 옵션.
  • 필요한 경우 플랫폼별 iOS 및 Android 옵션 블록을 사용하세요.
  • 활성 피커를 프로그래밍적으로 닫기 위해 hide().

커뮤니티 수정

커뮤니티 수정
  • Capacitor 8 지원.
  • 웹 구현과 동일한 present() API.
  • 대화 제목 지원.
  • iOS 회전 안전한 레이아웃 및 지역 처리.
  • iOS yearAndMonth 모드.
  • 잘못된 날짜, ISO 문자열, 날짜만의 값, 그리고 안드로이드 내부 옵션에 대한 더 안전한 파싱, 대화 창 너비 처리, 그리고 UI 스레드 대화 창 처리. min / max.
  • 시간 선택기에 대한 분 단계. is24h시간 선택기에 대한 분 단계.
  • 선택 범위.
  • 플랫폼 지원 presentRange().

플랫폼 지원

기능
iOS안드로이드웹platforms
present()YesYesYes
presentRange()YesYesYes
hide()YesYesYes
date modeYesYesYes
time modeYesYesYes
dateAndTime modeYesYesYes
yearAndMonth modeYes날짜 대체예
minuteStep예예예
메서드설명
present단일 값의 네이티브 또는 웹 픽커를 표시합니다.
presentRange날짜 범위 픽커를 표시합니다. 네이티브 플랫폼은 두 개의 네이티브 선택을 사용하고 웹은 시작 및 종료 컨트롤을 함께 표시합니다.
hide현재 표시 중인 픽커를 닫습니다.
getPluginVersion플랫폼 구현 버전 마커를 가져옵니다.

이 참조는 __CAPGO_KEEP_0__에서 동기화됩니다. src/definitions.ts 에서 capacitor-날짜 선택기.