DatePickerAndroid

参考文档

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

方法

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的值。

请注意，当使用minDate和maxDate选项时，本机日期选择器对话框在Android 4及更低版本上会有一些UI故障。

dateSetAction()

static dateSetAction()

已选中一个日期。

dismissedAction()

static dismissedAction()

对话框已被取消。

Example

示例

import React, { Component } from 'react';
import {View,StyleSheet,DatePickerAndroid ,Dimensions} from 'react-native';
const {height,width}=Dimensions.get('window');
export class pageComponent extends Component {
    constructor(props){
        super(props);
    }
    async componentDidMount() {
        try {
            const {action, year, month, day} = await DatePickerAndroid.open({
                // 要设置默认值为今天的话，使用`new Date()`即可。
                // 下面显示的会是2020年5月25日。月份是从0开始算的。
                date: new Date(2020, 2, 6)
            });
            if (action !== DatePickerAndroid.dismissedAction) {
                alert(year+'年'+month+'月'+day+'日')
                // 这里开始可以处理用户选好的年月日三个参数：year, month (0-11), day
            }
        } catch ({code, message}) {
            console.warn('Cannot open date picker', message);
        }
    }

    render(){
        return(
            <View style={styles.container}>

            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
        flex:1,
        alignItems: 'center',
        justifyContent:'center'
    },
});