跳过内容

@capgo/capacitor-date-picker

Capacitor应用的本地化日期、时间、日期时间、年月和范围选择器,具有维护的Web备选。

概述

概述

@capgo/capacitor-date-picker gives Capacitor apps a native picker API for dates, times, date-time values, year-month values, and date ranges. It uses UIDatePicker 在iOS上使用平台对话框,在Android上使用平台对话框,在Web上使用本机浏览器输入。

Capgo的维护版本 @capacitor-community/date-picker. 与其他框架相比,维护速度更快:我们关注社区反馈,快速修复问题并发布更新,而不是让长期 GitHub 问题留着不解决。

演示

演示
iOS安卓
iOS 的动画演示:@capgo/capacitor-date-picker 打开、选择日期并关闭安卓的动画演示:@capgo/capacitor-date-picker 打开、选择日期并关闭

截图

截图
iOS 的截图:@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-date-picker 展示原生日期选择器安卓的截图:@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-date-picker 展示原生日期选择器
iOS screenshot of @capgo/capacitor-date-picker showing the native date pickerAndroid截图显示@capgo/capacitor-date-picker的原生日期选择器

核心功能

核心功能
  • 显示原生日期、时间、日期时间、年月和倒计时样式的选择器
  • 通过 presentRange().
  • 使用ISO、Java/Unicode和常见Moment样式模式格式化返回值
  • 应用 min, max, date设置
  • 使用
  • 关闭活动的选择器 hide().

社区修复

社区修复
  • Capacitor 8 支持。
  • Web 实现与之相同 present() API。
  • 对话标题支持
  • iOS 旋转安全布局和地区处理
  • iOS yearAndMonth 模式
  • 无效日期、ISO 字符串、日期值和 min / max.
  • Android 嵌套选项、 is24hdialog 宽度处理和 UI 线程对话处理
  • 时间选择器的分钟步长
  • 范围选择通过 presentRange().

平台支持

平台支持
功能iOSAndroidWeb
present()
presentRange()
hide()
date 模式
time 模式
dateAndTime 模式
yearAndMonth 模式日期回退
minuteStep

公共 API

公共 API
MethodDescription
presentPresent a native or Web picker for a single value.
presentRangePresent a date range picker. Native platforms use two native selections; Web shows start and end controls together.
hideClose the currently visible picker, if any.
getPluginVersionGet the platform implementation version marker.

This reference is synced from src/definitions.ts in capacitor-date-picker.