跳过内容

@capgo/capacitor-date-picker

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

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

这是 Capgo 维护的替代方案 @capacitor-community/date-picker. 本质上的区别在于维护速度:我们倾听社区报告,快速修复问题,并发布更新,而不是让长期的 GitHub 问题留在开着。

iOS安卓
iOS 的动画演示:@capgo/capacitor-date-picker 打开、选择日期并关闭安卓的动画演示:@capgo/capacitor-date-picker 打开、选择日期并关闭
iOS安卓
安卓截图:@capgo/capacitor-date-picker 展示原生日期选择器Android截图显示@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.
  • Android 嵌套选项、对话框宽度处理和 UI 线程对话框处理 is24h时间选择器的分钟步长。
  • 通过
  • __CAPGO_KEEP_0__ presentRange().

平台支持

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

公共API

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

此参考是从 src/definitions.ts __CAPGO_KEEP_0__-date-picker capacitor-date-picker.