跳过内容

@capgo/capacitor日期选择器

原生日期、时间、日期时间、年月和范围选择器,适用于Capacitor应用,具有维护的Web fallback。

概述

概述

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

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

演示

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

截图

截图
iOS安卓
iOS截图:@capgo/capacitor-date-picker显示原生日期选择器安卓截图:@capgo/capacitor-date-picker显示原生日期选择器

核心功能

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

功能

iOS
AndroidWeb通过选择范围通过
present()YesYesYes
presentRange()YesYesYes
hide()YesYesYes
date modeYesYesYes
time 模式YesYesYes
dateAndTime 模式YesYesYes
yearAndMonth 模式Yes日期回退是
minuteStep是是是

公共 API

公共 API
方法描述
present呈现一个原生或 Web 日期选择器。
presentRange呈现一个日期范围选择器。原生平台使用两个原生选择器,Web 显示开始和结束控件。
hide关闭当前可见的选择器,若有。
getPluginVersion获取平台实现版本标记。

真实数据来源

源数据

此参考资料是同步自 src/definitions.ts 在 capacitor-日期选择器.