跳过内容

@capgo/capacitor-日期选择器

原生日期、时间、日期时间、年月和范围选择器,适用于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打开、选择日期并关闭

截图

截图
安卓安卓截图:@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-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 模式YesYesYes
yearAndMonth 模式Yes日期回退Yes
minuteStepYesYesYes

公开API

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

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