跳过内容

@capgo/capacitor-date-picker

为Capacitor应用提供原生日期、时间、日期时间、年月和范围选择器,且维护了Web fallback。

@capgo/capacitor-date-picker 为 Capacitor 应用提供原生日期选择器 API,支持日期、时间、日期时间、年月和日期范围。它使用 UIDatePicker 在 iOS 上,Android 上的平台对话框,在 Web 上的原生浏览器输入。

这是 Capgo 的维护版本 @capacitor-community/date-picker。与之不同的是维护速度:我们关注社区报告,快速修复问题并发布更新,而不是让 GitHub 长期存在问题

iOSAndroid
@capgo/capacitor在iOS中的动画演示:打开、选择日期并关闭@capgo/capacitor在Android中的动画演示:打开、选择日期并关闭

截图

截图
iOSAndroid
iOS中的@capgo/capacitor截图:显示原生日期选择器Android中的@capgo/capacitor截图:显示原生日期选择器

核心功能

核心功能
  • 呈现原生日期、时间、日期时间、年月和倒计时样式的选择器。
  • 选择日期范围 presentRange().
  • 格式化返回值使用 ISO、Java/Unicode 和常见的 Moment 风格模式。
  • 应用 min, max, date, 时区和 24 小时时间选项。
  • 在需要时使用平台特定的 iOS 和 Android 选项块。
  • 关闭一个活动的选择器程序 hide().
  • Capacitor 8 支持。
  • 与同样的 present() API。
  • 对话框标题支持。
  • iOS旋转安全布局和地区处理。
  • iOS yearAndMonth 模式。
  • 对无效日期、ISO字符串、日期值和 min / max.
  • Android嵌套选项, is24h对话框宽度处理和UI线程对话框处理。
  • 时间选择器的分钟步长。
  • 范围选择通过 presentRange().

平台支持

平台支持
功能iOS安卓Web
present()__CAPGO_KEEP_0____CAPGO_KEEP_0____CAPGO_KEEP_0__
presentRange()__CAPGO_KEEP_0____CAPGO_KEEP_0____CAPGO_KEEP_0__
hide()__CAPGO_KEEP_0____CAPGO_KEEP_0____CAPGO_KEEP_0__
date 模式
time 模式
dateAndTime 模式
yearAndMonth 模式日期回退
minuteStep
方法描述
present呈现一个原生或 Web 的单值选择器。
presentRange呈现一个日期范围选择器。原生平台使用两个原生选择器,Web 展示开始和结束控件。
hide关闭当前可见的选择器,若有。
getPluginVersion获取平台实现版本标记。

此参考与 src/definitions.tscapacitor-date-picker.