跳到主要内容
新架构实战课 实操 + 基建 + 原理全维度包揽,抢先掌握 React Native 新架构精髓 立即查看 >Version: 0.73

🚧 DatePickerAndroid

Deprecated. Use one of the community packages instead.

本组件会打开一个标准的 Android 日期选择器的对话框。

示例

try {
const {
action,
year,
month,
day
} = await DatePickerAndroid.open({
// 要设置默认值为今天的话,使用`new Date()`即可。
// 下面显示的会是2020年5月25日。月份是从0开始算的。
date: new Date(2020, 4, 25)
});
if (action !== DatePickerAndroid.dismissedAction) {
// 这里开始可以处理用户选好的年月日三个参数:year, month (0-11), day
}
} catch ({ code, message }) {
console.warn('Cannot open date picker', message);
}

查看方法


文档

方法

open()

static open(options)

打开一个标准的 Android 日期选择器的对话框。

可选的options对象的 key 值如下:

  • date (Date对象或毫秒时间戳) - 默认显示的日期
  • minDate (Date对象或毫秒时间戳) - 可选的最小日期
  • maxDate (Date对象或毫秒时间戳) - 可选的最大日期
  • mode (enum('calendar', 'spinner', 'default')) - 设置选择器的模式:
    • 'calendar': Show a date picker in calendar mode.
    • 'spinner': Show a date picker in spinner mode.
    • 'default': Show a default native date picker(spinner/calendar) based on android versions.

在用户选好日期后返回一个 Promise,回调参数为一个对象,其中包含有action, year, month (0-11), day。如果用户取消了对话框,Promise 仍然会执行,返回的 action 为DatePickerAndroid.dismissedAction,其他几项参数则为 undefined。所以请在使用其他值之前务必先检查action的值是否为DatePickerAndroid.dateSetAction

Note the native date picker dialog has some UI glitches on Android 4 and lower when using the minDate and maxDate options.


dateSetAction()

static dateSetAction()

已选中一个日期。


dismissedAction()

static dismissedAction()

对话框已被取消。