DatePickerAndroid
本文档贡献者:sunnylqm(100.00%)
本组件会打开一个标准的 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的值。
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()
对话框已被取消。