跳过内容

@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-date-picker 的动画 iOS 演示,选择日期并关闭动画的安卓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字符串、日期值和 min / max.
  • Android嵌套选项、 is24h对话框宽度处理和UI线程对话框处理.
  • 时间选择器的分钟级步长.
  • 通过 presentRange().

平台支持

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

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